The Complete Front-End Web Development Course
All LevelsDevelopmentFront End Web Development

The Complete Front-End Web Development Course

Get started as a front-end web developer using HTML, CSS, JavaScript, jQuery, and Bootstrap!

Created by Joseph Delgadillo, Nick Germaine
17 hours
Video Content
126
Lectures
428,799
Students
4.6
Rating
4.6
(428,799 students enrolled)

What you'll learn

Build a simple HTML text site
Style web pages using CSS
Program websites with JavaScript
Build a Pipboy using Bootstrap
Build and publish a Google Chrome Extension

Course Content

14 sections • 126 lectures • 16:48:31 total length

Welcome to the Course!

2 lectures • 07:01

Introduction to the course01:46
Atom setup05:15

Web Development Basics - HTML

9 lectures • 57:56

HTML document structure04:05
HTML elements - div and span06:43
HTML elements - i, b, p, and a06:28
HTML elements - ul, li, and ol05:23
HTML elements - header and footer05:21
+4 more lectures

Advanced HTML Concepts

10 lectures • 53:12

Images03:30
Forms04:48
Inputs07:01
Checkboxes04:55
Radio buttons04:40
+5 more lectures

Introduction to Cascading Style Sheets (CSS)

11 lectures • 01:31:41

Targeting color and background15:58
Element specificity03:48
ID targeting, margin, and border11:50
Padding, margin, and float08:11
Max-width and background-image16:43
+6 more lectures

Advanced CSS

7 lectures • 51:57

Pseudo-states08:52
Border radius08:27
Positions09:04
Pseudo-elements06:54
Z-index05:50
+2 more lectures

JavaScript for Beginners

11 lectures • 01:02:32

Intro to JavaScript04:23
Alerts and console logging05:44
Integers, strings, and variables06:49
Undefined variables and modifying values of variables05:27
Boolean operators02:48
+6 more lectures

More JavaScript Concepts

12 lectures • 01:39:37

Arrays pt.105:57
Arrays pt.206:55
Arrays pt.305:24
Textareas and getting the value of inputs13:43
Functions - parameters and return values07:34
+7 more lectures

Getting Started with jQuery

11 lectures • 01:38:48

jQuery setup06:17
Targeting elements04:10
Event handling10:48
Dropdown menus22:22
Making our dropdown disappear04:36
+6 more lectures

More jQuery

8 lectures • 57:24

Writing our own version of jQuery17:23
Find method04:40
First and last01:59
Focusin and focusout11:21
Contains, is, and hasClass07:08
+3 more lectures

Bootstrap Basics

6 lectures • 48:36

Bootstrap setup06:48
Navbar pt.106:44
Navbar pt.210:41
Forms pt.113:59
Forms pt.204:41
+1 more lectures

Project #2 - Pipboy from Fallout 4

18 lectures • 02:50:27

Setup09:14
Navbar07:35
Main page06:45
Pipboy image and footer13:25
Colors05:03
+13 more lectures

Project #3 - Google Chrome Extension

11 lectures • 01:16:04

Problem solving05:15
Manifest files05:56
Basic setup03:14
Getting video URLs02:07
Injecting JavaScript05:56
+6 more lectures

Final Thoughts

1 lectures • 16:08

Tips for getting started as a professional web developer16:08

BONUS - Coding Another Google Chrome Extension

9 lectures • 01:57:08

Introduction and manifest21:57
Content scripts16:04
Messaging different parts of the extension10:13
Creating share popup08:21
Icons10:55
+4 more lectures

Description

If you would like to learn web development and get a job in the tech industry, you are going to LOVE this course! Learn HTML, CSS, JavaScript, Bootstrap and more with over 15 hours of HD video tutorials! This course was designed to be extremely beginner friendly. We will begin with the very basics of HTML and build a simple web page. By the end of this course, you will be able to develop and publish your very own Google Chrome extension! In this course we will focus on coding exercises and projects. Your time will not be wasted reviewing unnecessarily long PowerPoint presentations. Upon completing this course, you will have a solid portfolio of development projects to show potential employers!


3 Coding Projects in the course:

• Simple text site - We will use what we learned in the HTML sections to

create a simple text site. This project will help you learn HTML structure

and the essential elements.

• Fallout inspired Pip-Boy - We will take what we learned in the CSS and

Bootstrap sections of the course to code a Pip-Boy from the game

Fallout. This project will help you learn the design elements of modern

web development.

• Google Chrome extension - We will finish the course by programming a

JavaScript based Google Chrome extension. This project will help you

understand the logical parts of web development.


Topics covered in the course:

• Web development basics with HTML

• Cascading Style Sheets (CSS)

• JavaScript programming

• jQuery JavaScript library

• Bootstrap framework


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

• "Excellent course! Highly recommend it! Provides great hands-on experience with web development.“

• "I really like how when the author makes a mistake he takes the time to show us how he is wrong and corrects it rather than editing it out of the video. Very easy to follow and informative course!“

• "I am really enjoying the experience of learning a new skill. I used to believe that web design was way too complicated for me to learn but so far in this course I have been keeping up and having fun."

Who this course is for:

  • Anyone who would like to learn front-end web development

This course includes:

  • 17 hours on-demand video
  • 1 articles
  • 0
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Instructors

Joseph Delgadillo

Nick Germaine

Students also download

Explore related courses to expand your learning journey.