Austin Coding Academy webpages:

    Lesson 1: First webpage
  • Start using HTML
  • Learn the basics: img; h1; p
    • Lesson 2: Info page
  • Use HTML elements
  • Next steps: div; section; table
    • Lesson 3: Code semantic elements
  • Semantic ele
  • Use header/nav/main/section/acticle/aside/footer
    • Lesson 4: Welcome to CSS
  • Combine HTML with CSS
  • Select the correct page elements
    • Lesson 5: Make it resizeable
  • Start working with responsive design
    • Lesson 6: Copycat redux
  • Put the "cascade" into CSS
  • Practice precedence and selectors
    • Lesson 7: Intro to the div
  • Add background image to a container element
  • Work with text input, textarea and button elements
    • Lesson 7: Is it responsive?
  • Manipulate block level elements
  • Implement float and clear
    • Lesson 8: Getting complex
  • Working with the box model
  • Practice borders and spacing
    • Lesson 9: Fully responsive
  • The container block
  • The content block
    • Lesson 10: All together
  • Midterm review
  • Use HTML and CSS finctionality to build a up-to-date webpage
    • Lesson 11: BREAKING NEWS: TWO PAGES!!!
  • Link to a second page
  • CSS reset
    • Lesson 12:
  • Implement the Bootstrap grid system
  • Create webpage templates
    • Lesson 13: Laptop/tablet/phone
  • Working with a media query
  • Change HTML elements using CSS and media queries
    • Lesson 14:
  • Render on laptop, tablet and phone screens
  • Practice with Chrome's developer tools
    • Lesson 15
  • Utilize Bootstrap Responive Utility
  • Learn Google Fonts
    • Lesson 16
  • Screen-based elements
  • "Visible" and "Hidden" content
    • Lesson 17
  • Responsive navigation
  • Manipulate Bootstrap code as needed
    • Lesson 18: Animation Fun
  • Implement Animate.css library
  • Trigger animation using jQuery
    • Lesson 19: Working with forms
  • Use form integration via Google docs
  • Use PHP to construct a mailer
    • Lesson 20: final project
  • Christopher David Hart

    Sections work just like div but they have semantic meaning
    Sections work just like div but they have semantic meaning
    Sections work just like div but they have semantic meaning