[Udemy] The Complete Front-End Web Development Course [2017, ENG]

–
Welcome to the Course!
07:01
Introduction to the course
Предварительный просмотр
01:46
Atom setup
Предварительный просмотр
05:15
–
Web Development Basics - HTML
57:56
HTML document structure
Предварительный просмотр
04:05
HTML elements - div and span
06:43
HTML elements - i, b, p, and a
06:28
HTML elements - ul, li, and ol
05:23
HTML elements - header and footer
05:21
HTML elements - section, main, and article
08:14
HTML elements - h1-h6 and aside
03:16
HTML tables
09:56
Project #1 - HTML text site
08:30
–
Advanced HTML Concepts
53:12
Images
03:30
Forms
04:48
Inputs
07:01
Checkboxes
04:55
Radio buttons
04:40
Select, option, and buttons
06:19
HTML5 videos
07:13
HTML5 audio
04:35
Doctypes
02:58
Meta tags
07:13
–
Introduction to Cascading Style Sheets (CSS)
01:31:41
Targeting color and background
15:58
Element specificity
03:48
ID targeting, margin, and border
11:50
Padding, margin, and float
08:11
Max-width and background-image
16:43
Switching over to an IDE
01:45
Font weight, style, and family
13:43
Text decorations
03:51
Text spacing
03:54
Text decoration modification
04:16
Text shadow
07:42
–
Advanced CSS
51:57
Psuedo-states
08:52
Border radius
08:27
Positions
09:04
Psuedo-elements
06:54
Z-index
05:50
Viewpoint width and height, overflowing content
07:20
Transition property
05:30
–
JavaScript for Beginners
01:02:32
Intro to JavaScript
04:23
Alerts and console logging
05:44
Integers, strings, and variables
06:49
Undefined variables and modifying values of variables
05:27
Boolean operators
02:48
Comparing values
05:10
If statements
10:53
For loops
03:19
Defining functions
06:04
Event handling
09:06
Setting an elements innerHTML
02:49
–
More JavaScript Concepts
01:39:37
Arrays pt.1
05:57
Arrays pt.2
06:55
Arrays pt.3
05:24
Textareas and getting the value of inputs
13:43
Functions - parameters and return values
07:34
Multiple parameters in functions
05:01
Flexible function parameters
11:57
Exercise - find the missing number
07:52
Exercise solution
07:33
Classes explained
04:55
Class constructor, instance variables, and static variables
09:07
Extending classes
13:39
–
Getting Started with jQuery
01:38:48
jQuery setup
06:17
Targeting elements
04:10
Event handling
10:48
Dropdown menus
22:22
Making our dropdown disappear
04:36
Multiple targets, events, and attr method
08:45
Prepend, append, and html
05:16
preventDefault
06:11
event.which and switch properties
09:01
Custom context menu, pageY, and pageX
13:28
is method
07:54
–
More jQuery
57:24
Writing our own version of jQuery
17:23
Find method
04:40
First and last
01:59
Focusin and focusout
11:21
Contains, is, and hasClass
07:08
Each method
02:36
Callbacks
07:14
CSS
05:03
–
Bootstrap Basics
48:36
Bootstrap setup
06:48
Navbar pt.1
06:44
Navbar pt.2
10:41
Forms pt.1
13:59
Forms pt.2
04:41
Buttons
05:43
-
Project #2 - Pipboy from Fallout 4
02:50:27
Setup
09:14
Navbar
07:35
Main page
06:45
Pipboy image and footer
13:25
Colors
05:03
Font and styling main nav
13:03
Scanlines
06:19
Navigation styling
09:43
Tabs
08:57
Progress bars
10:11
Stat bars
13:35
Footer fixes
02:08
Damage and resistance
05:27
Icons
12:51
Inventory template
04:11
Item list
13:02
Weapon stat container
11:05
Finishing touches with JavaScript
17:53
-
Project #3 - Google Chrome Extension
01:16:04
Problem solving
05:15
Manifest files
05:56
Basic setup
03:14
Getting video URLs
02:07
Injecting JavaScript
05:56
Getting pretty objects for each URL
04:46
Creating download options list
16:29
Communicating between the page and extension
09:25
Chrome downloads API and background scripts
07:59
Receiving messages and downloading files
05:44
Styling our extension and publishing
09:13
-
Final Thoughts
16:07
Tips for getting started as a freelance web developer
16:07