The Complete Front-End Web Development Course!
- Description
- Curriculum
- FAQ
- Reviews
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
We will work on 3 class projects throughout this 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.
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!
-
3HTML document structureVideo lesson
-
4HTML elements - div and spanVideo lesson
-
5HTML elements - i, b, p, and aVideo lesson
-
6HTML elements - ul, li, and olVideo lesson
-
7HTML elements - header and footerVideo lesson
-
8HTML elements - section, main, and articleVideo lesson
-
9HTML elements - h1-h6 and asideVideo lesson
-
10HTML tablesVideo lesson
-
11Project #1 - HTML text siteVideo lesson
-
22Targeting color and backgroundVideo lesson
-
23Element specificityVideo lesson
-
24ID targeting, margin, and borderVideo lesson
-
25Padding, margin, and floatVideo lesson
-
26Max-width and background-imageVideo lesson
-
27Switching over to an IDEVideo lesson
-
28Font weight, style, and familyVideo lesson
-
29Text decorationsVideo lesson
-
30Text spacingVideo lesson
-
31Text decoration modificationVideo lesson
-
32Text shadowVideo lesson
-
40Intro to JavaScriptVideo lesson
-
41Alerts and console loggingVideo lesson
-
42Integers, strings, and variablesVideo lesson
-
43Undefined variables and modifying values of variablesVideo lesson
-
44Boolean operatorsVideo lesson
-
45Comparing valuesVideo lesson
-
46If statementsVideo lesson
-
47For loopsVideo lesson
-
48Defining functionsVideo lesson
-
49Event handlingVideo lesson
-
50Setting an elements innerHTMLVideo lesson
-
51Arrays pt.1Video lesson
-
52Arrays pt.2Video lesson
-
53Arrays pt.3Video lesson
-
54Textareas and getting the value of inputsVideo lesson
-
55Functions - parameters and return valuesVideo lesson
-
56Multiple parameters in functionsVideo lesson
-
57Flexible function parametersVideo lesson
-
58Exercise - find the missing numberVideo lesson
-
59Exercise solutionVideo lesson
-
60Classes explainedVideo lesson
-
61Class constructor, instance variables, and static variablesVideo lesson
-
62Extending classesVideo lesson
-
63jQuery setupVideo lesson
-
64Targeting elementsVideo lesson
-
65Event handlingVideo lesson
-
66Dropdown menusVideo lesson
-
67Making our dropdown disappearVideo lesson
-
68Multiple targets, events, and attr methodVideo lesson
-
69Prepend, append, and htmlVideo lesson
-
70preventDefaultVideo lesson
-
71event.which and switch propertiesVideo lesson
-
72Custom context menu, pageY, and pageXVideo lesson
-
73is methodVideo lesson
External Links May Contain Affiliate Links read more