Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

The Complete Front-End Web Development Course!

via Skillshare

Overview

If you would like to get started as a front-end web developer, you are going to LOVE this course! Work on projects ranging from a simple HTML page to a complete JavaScript based Google Chrome extension. We will cover the following technologies in this course:

  • Web development basics with HTML

  • Cascading Style Sheets (CSS)

  • JavaScript programming

  • jQuery JavaScript library

  • Bootstrap framework

This course covers the most popular web development frameworks, and will get you started on your path towards becoming a full-stack web developer!

Still not sold? Check out a few of the awesome reviews this course has received!

"Excellent Course! Highly Recommend It! Such a great hands on experience with this course."

"Very nice course, covers all the stuff you need, good voice and good explanation makes it perfect for people that are new to HTML. Also there's some best practices recommendations which are useful even for advanced developers."

"Excellence in giving the optimal set of tools for web development beginners seeking a well-rounded start for professional web development."

Thank you for taking the time to read this, and we hope to see you in the course! 

Syllabus

  • Introduction to the Course
  • Atom Setup
  • Intro to HTML - Document Structure
  • Elements - Div, Span
  • i, b, p, a
  • ul, li, ol
  • Header, Footer
  • Section, Main, Article
  • H1-H6, Aside
  • Tables
  • Creating a Simple Text Site
  • Images
  • Forms
  • Inputs
  • Checkboxes
  • Radio Buttons
  • Select, Option, Buttons
  • HTML5 Videos
  • HTML5 Audio
  • HTML Doctypes
  • Meta Tags
  • Intro to CSS - Targeting, Color, Background
  • Element Specificity
  • ID Targeting, Margin, Border
  • Padding, Margin, Float
  • Max Width, Background Image
  • Switching to an IDE
  • Font Weight, Style and Family
  • Text Decorations
  • Text Spacing
  • Text Decoration Modification
  • Text Shadow
  • Pseudo-states
  • Border Radius
  • Positions
  • Pseudo-elements
  • Z-index
  • Viewpoint Width and Height, Overflowing Content
  • Transition Property
  • 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 Inner HTML
  • Arrays Part 1
  • Arrays Part 2
  • Arrays Part 3
  • Textareas and Getting the Values of Inputs
  • Function Parameters and Return Values
  • Multiple Parameters in Functions
  • Flexible Function Parameters
  • Exercise - Find the Missing Number
  • Exercise Solution
  • Classes Intro
  • Class Constructor, Instance Variables and Static Variables
  • Extending Classes
  • jQuery (JavaScript) Setup
  • Targeting Elements
  • Event Handling
  • Dropdown Menus
  • Making Our Dropdown Disappear
  • Multiple Targets, Events, Attr Method
  • Prepend, Append, HTML
  • preventDefault
  • Event.which, Switch
  • Custom Context Menu, pageY, pageX
  • Is Method
  • Writing Our Own Version of jQuery
  • Find Method
  • First and Last
  • Focusin and Focusout
  • Contains, Is, hasClass
  • Each Method
  • Callbacks
  • CSS
  • Intro to Bootstrap
  • Navbar Part 1
  • Navbar Part 2
  • Bootstrap Forms Part 1
  • Bootstrap Forms Part 2
  • Bootstrap Buttons
  • Pipboy Web Project
  • Pipboy Navbar
  • Main Page
  • Pipboy Image and Footer
  • Pipboy Colors
  • Pipboy Font and Styling the 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
  • Solving Problems with Programs
  • Manifest Files
  • Basic Setup
  • Getting Video URLs
  • Injecting JS
  • 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
  • Final Thoughts

Taught by

Joseph Delgadillo

Reviews

Start your review of The Complete Front-End Web Development Course!

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.