Course curriculum

  • 2
    Web Development Basics - HTML
  • 3
    Advanced HTML Concepts
    • Images
    • Forms
    • Inputs
    • Checkboxes
    • Radio buttons
    • Select, option and buttons
    • HTML5 videos
    • HTML5 audio
    • Doctypes
    • Meta tags
  • 4
    Introduction to Cascading Style Sheets (CSS)
    • Targeting color and background
    • Element specificity
    • ID targeting, margin, and border
    • Padding, margin and float
    • Max-width and background-image
    • Switching over to an IDE
    • Font weight, style and family
    • Text decorations
    • Text spacing
    • Text decoration modification
    • Text shadow
  • 5
    Advanced CSS
    • Psuedo-states
    • Border radius
    • Positions
    • Psuedo-elements
    • Z-index
    • Viewpoint width and height, overflowing content
    • Transition property
  • 6
    JavaScript for Beginners
    • Intro to JavaScript
    • Alerts and console logging
    • Integers, strings and variables
    • Undefined variables and modifying values of variables
    • Boolean operators
    • Comparing values
    • If statements
    • For loops
    • Defining functions
    • Event handling
    • Setting an elements innerHTML
  • 7
    More JavaScript Concepts
    • Arrays part 1
    • Arrays part 2
    • Arrays part 3
    • Textareas and getting the values of inputs
    • Functions - parameters and return values
    • Multiple parameters in functions
    • Flexible function parameters
    • Exercise - find the missing number
    • Exercise solution
    • Classes explained
    • Class constructor, instance variables and static variables
    • Extending classes
  • 8
    Getting Started with jQuery
    • jQuery setup
    • Targeting elements
    • Event handling
    • Dropdown menus
    • Making our dropdown disappear
    • Multiple targets, events and attr method
    • Prepend, append and html
    • preventDefault
    • event.which and switch properties
    • Custom context menu, pageY and pageX
    • is method
  • 9
    More jQuery
    • Writing our own version of jQuery
    • Find method
    • First and last
    • Focusin and focusout
    • Contains, is and hasClass
    • Each method
    • Callbacks
    • CSS
  • 10
    Bootstrap Basics
    • Bootstrap setup
    • Navbar part 1
    • Navbar part 2
    • Forms part 1
    • Forms part 2
    • Buttons
  • 11
    Project #2 - Pipboy from Fallout 4
    • Setup
    • Navbar
    • Main page
    • Pipboy image and footer
    • Colors
    • Font and styling main nav
    • Scanlines
    • Navigation styling
    • Tabs
    • Progress bars
    • Stat bars
    • Footer fixes
    • Damage and resistance
    • Icons
    • Inventory template
    • Item list
    • Weapon stat container
    • Finishing touches with JavaScript
  • 12
    Project #3 - Google Chrome Extension
    • Problem solving
    • Manifest files
    • Basic setup
    • Getting video URLs
    • Injecting JavaScript
    • Getting pretty objects for each URL
    • Creating download options list
    • Communicating between the page and extension
    • Chrome downloads API and background scripts
    • Receiving messages and downloading files
    • Styling our extension and publishing
  • 13
    Final Thoughts
    • Tips for getting started as a freelance web developer

Bundle including this course!