The Complete Front-End Web Development Course

The Complete Front-End Web Development Course, available at $94.99, has an average rating of 4.37, with 126 lectures, based on 14171 reviews, and has 427637 subscribers.

You will learn about 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 This course is ideal for individuals who are Anyone who would like to learn front-end web development It is particularly useful for Anyone who would like to learn front-end web development.

Enroll now: The Complete Front-End Web Development Course

Summary

Title: The Complete Front-End Web Development Course

Price: $94.99

Average Rating: 4.37

Number of Lectures: 126

Number of Published Lectures: 126

Number of Curriculum Items: 126

Number of Published Curriculum Objects: 126

Original Price: $189.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Anyone who would like to learn front-end web development

Target Audiences

Anyone who would like to learn front-end web development

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.”

Course Curriculum

Chapter 1: Welcome to the Course!

Lecture 1: Introduction to the course

Lecture 2: Atom setup

Chapter 2: Web Development Basics – HTML

Lecture 1: HTML document structure

Lecture 2: HTML elements – div and span

Lecture 3: HTML elements – i, b, p, and a

Lecture 4: HTML elements – ul, li, and ol

Lecture 5: HTML elements – header and footer

Lecture 6: HTML elements – section, main, and article

Lecture 7: HTML elements – h1-h6 and aside

Lecture 8: HTML tables

Lecture 9: Project #1 – HTML text site

Chapter 3: Advanced HTML Concepts

Lecture 1: Images

Lecture 2: Forms

Lecture 3: Inputs

Lecture 4: Checkboxes

Lecture 5: Radio buttons

Lecture 6: Select, option, and buttons

Lecture 7: HTML5 videos

Lecture 8: HTML5 audio

Lecture 9: Doctypes

Lecture 10: Meta tags

Chapter 4: Introduction to Cascading Style Sheets (CSS)

Lecture 1: Targeting color and background

Lecture 2: Element specificity

Lecture 3: ID targeting, margin, and border

Lecture 4: Padding, margin, and float

Lecture 5: Max-width and background-image

Lecture 6: Switching over to an IDE

Lecture 7: Font weight, style, and family

Lecture 8: Text decorations

Lecture 9: Text spacing

Lecture 10: Text decoration modification

Lecture 11: Text shadow

Chapter 5: Advanced CSS

Lecture 1: Pseudo-states

Lecture 2: Border radius

Lecture 3: Positions

Lecture 4: Pseudo-elements

Lecture 5: Z-index

Lecture 6: Viewpoint width and height, overflowing content

Lecture 7: Transition property

Chapter 6: JavaScript for Beginners

Lecture 1: Intro to JavaScript

Lecture 2: Alerts and console logging

Lecture 3: Integers, strings, and variables

Lecture 4: Undefined variables and modifying values of variables

Lecture 5: Boolean operators

Lecture 6: Comparing values

Lecture 7: If statements

Lecture 8: For loops

Lecture 9: Defining functions

Lecture 10: Event handling

Lecture 11: Setting an elements innerHTML

Chapter 7: More JavaScript Concepts

Lecture 1: Arrays pt.1

Lecture 2: Arrays pt.2

Lecture 3: Arrays pt.3

Lecture 4: Textareas and getting the value of inputs

Lecture 5: Functions – parameters and return values

Lecture 6: Multiple parameters in functions

Lecture 7: Flexible function parameters

Lecture 8: Exercise – find the missing number

Lecture 9: Exercise solution

Lecture 10: Classes explained

Lecture 11: Class constructor, instance variables, and static variables

Lecture 12: Extending classes

Chapter 8: Getting Started with jQuery

Lecture 1: jQuery setup

Lecture 2: Targeting elements

Lecture 3: Event handling

Lecture 4: Dropdown menus

Lecture 5: Making our dropdown disappear

Lecture 6: Multiple targets, events, and attr method

Lecture 7: Prepend, append, and html

Lecture 8: preventDefault

Lecture 9: event.which and switch properties

Lecture 10: Custom context menu, pageY, and pageX

Lecture 11: is method

Chapter 9: More jQuery

Lecture 1: Writing our own version of jQuery

Lecture 2: Find method

Lecture 3: First and last

Lecture 4: Focusin and focusout

Lecture 5: Contains, is, and hasClass

Lecture 6: Each method

Lecture 7: Callbacks

Lecture 8: CSS

Chapter 10: Bootstrap Basics

Lecture 1: Bootstrap setup

Lecture 2: Navbar pt.1

Lecture 3: Navbar pt.2

Lecture 4: Forms pt.1

Lecture 5: Forms pt.2

Lecture 6: Buttons

Chapter 11: Project #2 – Pipboy from Fallout 4

Lecture 1: Setup

Lecture 2: Navbar

Instructors

Joseph Delgadillo
Best-Selling Instructor

Nick Germaine
Lv. 64 Programmer

Rating Distribution

1 stars: 242 votes

2 stars: 425 votes

3 stars: 2082 votes

4 stars: 5198 votes

5 stars: 6224 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!