2018
26 hours
Introduction
20:58
Why This Course?
Preview
05:03
Course Overview
Preview
09:45
Join Our Slack Community!
01:04
Meet The Community
01:39
Join Our Open Source Projects!
01:35
Our Q&A Community
01:38
Optional: The Article Which Inspired This Course
Preview
00:12
–
How The Internet Works
24:21
Browsing the Web
Preview
06:24
Breaking Google
Preview
03:11
Exercise: Break Google Yourself
00:32
The Internet Backbone
Preview
06:08
Traceroute
02:38
Exercise: Running traceroute command yourself
00:16
DEVELOPER FUNDAMENTALS: I
03:25
What Does A Developer Do?
01:46
–
History Of The Web
15:55
WWW vs Internet
03:46
HTML, CSS, Javascript
05:10
DEVELOPER FUNDAMENTALS: II
03:16
Developer History
03:18
Exercise: Adding CSS and javascript to Tim’s website
00:13
Optional Resource: More About the History of the Web
00:12
–
HTML 5
38:35
Build Your First Website
07:55
DEVELOPER FUNDAMENTALS: III
03:33
HTML Tags
08:44
HTML Tags 2
01:50
Self Closing HTML Tags
05:36
Anchor Tag
05:03
Q&A: index.html
02:05
Q&A: Relative vs Absolute Path
03:49
–
Advanced HTML 5
37:27
HTML Forms
10:59
HTML Forms 2
03:13
Submitting A Form
08:22
HTML Tags 3
03:54
HTML vs HTML 5
06:41
Copy A Website
02:28
HTML Challenge
01:07
HTML Lesson Files
00:27
Exercise: HTML Quiz
00:16
–
CSS
01:01:17
Exercise Files: Code-Along
00:13
Your First CSS
13:48
CSS Properties
10:31
CSS Selectors
16:28
Text and Font
07:37
Images In CSS
04:15
Box Model
05:06
px vs em vs rem
03:03
Exercise: CSS Quiz
00:16
–
Advanced CSS
24:42
Critical Render Path
04:04
Exercise File: Code-Along Images
00:08
Flexbox
08:29
Optional Exercise: Flexbox Froggy
00:14
CSS 3
08:24
Optional Exercise: Mastering Transitions and Transforms
00:07
Responsive UI
01:40
Image Gallery Files
00:08
Exercise: Robot Animation
00:55
Exercise: Robot Animation Starter Files
00:25
Solution: Robot Animation
00:05
–
Bootstrap 4, Templates, And Building Your Startup Landing Page
39:52
Bootstrap Introduction
03:59
Bootstrap 4
08:51
Bootstrap 4 Grid
05:18
Exercise: Startup Landing Page
00:51
Solution: Startup Landing Page
00:09
Exercise: Adding Email Subscribe Form with Mailchimp
03:36
Exercise: Finishing Up The Landing Page
03:44
Exercise: Putting Your Website Online
05:48
DEVELOPER FUNDAMENTALS: IV
07:15
Resources for FREE Templates
00:20
–
Career Of A Web Developer
21:23
Career Of A Web Developer
13:47
New: DEVELOPER FUNDAMENTALS: VI
07:36
–
Javascript
02:41:39
Introduction To Javascript
01:36
What Is Javascript?
05:33
Your First Javascript
11:41
Exercise: Number, String, Boolean, Comparisons
00:09
Variables
15:09
Exercise: Variables
00:09
Exercise: Make A Calculator
00:09
Control Flow
16:36
Exercise: Make A Keyless Car
00:09
Javascript On Our Webpage
09:05
Functions
23:53
Exercise: Make A Keyless Car Even Better
00:09
Data Structures: Arrays
13:06
Exercise: Arrays
00:12
Data Structures: Objects
15:25
Exercise: Objects And Arrays For Facebook App
00:09
Exercise: Build Facebook
11:16
Javascript Terminology
03:43
Loops
22:22
Exercise: Build Facebook 2
08:02
Javascript Keywords
03:02
Section Outline Document
00:03
–
DOM Manipulation
01:24:50
Document Object Model
08:42
DOM Selectors
17:12
Exercise: DOM Selectors
00:01
DOM Events
26:57
Exercise: DOM Events
00:38
Exercise: Background Generator
19:25
Background Generator Files
00:14
jQuery
06:53
DEVELOPER FUNDAMENTALS: V
04:46
–
Advanced Javascript
02:50:58
Scope
10:25
Exercise: Scope
00:09
Advanced Control Flow
11:41
Exercise: Advanced Control Flow
00:09
ES5 and ES6
26:42
Exercise: ES5 and ES6
00:17
Advanced Functions
20:05
Exercise: Advanced Functions
00:09
Advanced Arrays
16:40
Exercise: Advanced Arrays
00:16
Advanced Objects
24:51
Exercise: Advanced Objects
00:16
New: ES7
03:06
Exercise: ES7
00:19
New: ES8
09:19
Exercise: ES8
00:16
Note: ES8 – Async Await
00:23
Debugging
08:23
New: How Javascript Works
24:12
Modules
13:19
–
Command Line
10:46
Using The Terminal
10:05
Exercise: Practice Using The Terminal
00:41
–
Developer Environment
16:51
Sublime Text 3
09:29
Resources: Customizing Sublime Text 3
00:16
Terminal
06:36
Resources: Customizing Terminal
00:30
–
Git + Github + Open Source Projects
56:18
Installing Git
01:04
Git + Github Part 1
17:40
Git + Github Part 2
16:52
My Terminal Setup
00:44
New: Contributing To Open Source
18:28
New: Keeping Your Fork Up To Date
00:56
Exercise: Contribute To Our Open Source
00:34
–
A Day In The Life Of A Developer
08:16
A Typical Day
08:16
–
NPM + NPM Scripts
38:39
Introduction To NPM
07:08
Setting Up NPM and package.json
06:39
Troubleshoot: Installing NPM and Node.js
00:44
Installing And Using Packages
24:08
–
React.js
02:18:08
Introduction To React.js
12:21
create-react-app
11:50
Your First React Component
20:13
Building A React App 1
16:03
Building A React App 2
09:47
Building A React App 3
26:35
Styling Your React App
04:59
Building A React App 4
15:30
Building A React App 5
08:53
Building A React App 6
09:05
Project Files
00:18
React Review
02:34
–
HTTP/JSON/AJAX + Asynchronous Javascript
01:19:32
HTTP/HTTPS
19:58
JSON
07:25
JSON vs Form Data
00:18
AJAX
13:37
New: Promises
22:26
Exercise: Promises
00:09
New: ES8 – Async Await
15:22
Exercise: ES8 – Async Await
00:16
–
Backend Basics
12:07
Backend Basics
12:07
–
APIs
14:04
Introduction to APIs
13:31
Exercise: Web App Using Star Wars API
00:33
–
FINAL PROJECT: SmartBrain Front-End
02:00:41
What We Are Building
01:49
Building Our Components
36:19
Note: Updated Clarifai API: FACE_DETECT_MODEL
00:17
Image Recognition API
28:33
Optional: Advanced setState()
00:21
Face Detection Box
23:46
Sign In Form And Routing
29:21
Project Files: Github
00:14
–
Node.js + Express.js
58:34
Introduction To Node.js
05:59
Running script.js In Node
03:05
Modules In Node
04:22
Types of Modules
05:10
Building a Server
08:25
Introduction to Express.js
08:59
Express Middleware
02:59
Postman
08:13
RESTful APIs
11:22
–
FINAL PROJECT: SmartBrain Back-End — Server
01:38:33
Setting Up Our Server
10:20
/signin and /register
18:30
/profile/:id and /image
10:05
Storing User Passwords
11:21
Resource: Storing User Passwords Securely
05:26
Connecting To Our Front-End
21:07
Resource: CORS
00:15
Registering Users
11:28
Note: Code Change From Last Video
00:47
User Profile Update
08:59
Project Files: Github
00:14
–
Databases
51:20
Introduction To Databases
10:54
Installing PostgreSQL
06:53
Resources: Installing PostgreSQL
00:12
SQL: Create Table
05:15
SQL: Insert Into + Select
04:33
SQL: Alter Table + Update
04:12
SQL: Conditional Selections
03:32
SQL: Functions
01:59
Joining Tables Part 1
07:07
Joining Tables Part 2
05:01
SQL: Delete From + Drop Table
01:42
–
FINAL PROJECT: SmartBrain Back-End — Database
01:02:10
Setting Up Your Database
08:51
Connecting To The Database
07:06
Registering A User Part 1
04:50
Registering A User Part 2
05:00
Getting User Profiles
07:03
Updating Entries
05:28
Sign In
17:30
Putting It All Together
04:04
What’s Next?
02:18
–
Production + Deployment
01:28:39
Code Review
23:22
Security Review
19:10
Environmental Variables
07:13
Deploying On Heroku
18:58
Deploying To Heroku Part 2
10:40
Deploying To Heroku Part 3
01:50
Deploying To Heroku Part 4
07:11
Project Files: Github
00:15
–
Where To Go From Here?
06:24
Resource: Interviewing
00:10
My Advice On Interviewing
02:10
My Advice On Getting Hired
00:16
My Advice On Resume/Portfolio/LinkedIn
02:24
My Advice On How To Become A Senior Developer
00:32
Thank you
00:51
–
Bonus: AMA + Developer Morning Routine
19:48
Ask Me Anything 1
19:03
A Developer’s Morning Routine
00:45