Udemy - The Complete 2019 Web Development Bootcamp (2018)

–Front-End Web Development
24:45
What You'll Get in This Course
Preview03:09
Syllabus Download
Preview00:22
The Giant List of Resources
00:23
What You'll Need to Get Started - Setup Your Local Web Development Environment
05:43
How Does the Internet Actually Work?
05:43
How Do Websites Actually Work?
06:32
Download the 12 Rules to Learn to Code eBook
00:41
Pathfinder
02:11
–Introduction to HTML
01:20:12
Introduction to HTML
10:53
The Anatomy of an HTML Tag
11:00
What we're building - HTML Personal Site
02:53
What is The HTML Boilerplate?
16:47
How to Structure Text in HTML
11:00
HTML Lists
05:24
HTML Image Elements
07:11
The Anchor Tag Download Attribute
00:32
HTML Links and Anchor Tags
14:12
Join the Student Community
00:20
–Intermediate HTML
48:07
HTML Tables
12:03
Using HTML Tables for Layout
02:16
HTML Tables Code Challenge
01:44
How to Type Emojis
01:08
HTML Tables Solution Walkthrough
06:44
HTML Forms
09:17
Forms in Practice - Create a Contact Me Form
07:29
Publish Your Website!
06:48
Get Monthly Tips and Tools to Level Up as a Developer
00:37
–Introduction to CSS
01:27:02
Introduction to CSS
03:04
Inline CSS
10:02
A Quick Note About the Next Lesson
00:13
Internal CSS
20:22
External CSS
08:29
How to Debug CSS Code
13:37
The Anatomy of CSS Syntax
13:08
CSS Selectors
06:23
Classes vs. Ids
11:44
CSS Quiz
6 questions
–Intermediate CSS
02:50:49
What We'll Make - Stylised Personal Site
04:57
What Are Favicons?
03:47
HTML Divs
13:33
The Box Model of Website Styling
19:25
CSS Display Property
15:11
Learn More About Web Design
00:11
CSS Static and Relative Positioning
14:36
Absolute positioning
12:12
The Dark Art of Centering Elements with CSS
09:03
Font Styling in Our Personal Site
13:59
Learn More About Typography
00:11
Adding Content to Our Website
06:52
CSS Sizing
15:39
Font Properties Challenge 1 - Change the Font Colour
00:10
Font Properties Challenge 2 - Change the Font Weight
00:02
Font Properties Challenge 3 - Change the Line Height
00:03
CSS Font Property Challenge Solutions
03:57
CSS Float and Clear
15:13
CSS Challenge
00:25
Stylised Personal Site Solution Walkthrough
21:22
–Introduction to Bootstrap 4
02:30:12
What is Bootstrap?
14:36
Installing Bootstrap
07:55
Web Design 101 - Wireframing
11:38
The Bootstrap Navigation Bar
20:40
What We'll Make: TinDog
Preview00:56
Download the Starting Files
00:33
Setting Up Our New Project
07:41
Bootstrap Grid Layout System
20:17
Getting Montserrat Black and other Font Weights
00:29
Adding Grid Layouts to Our Website
09:39
A Note About Bootstrap Link Order
00:25
Bootstrap Containers
05:54
Bootstrap Buttons & Font Awesome
11:30
Styling Our Website Challenges and Solutions
20:20
Bootstrap Challenge 1
00:37
Solution to Bootstrap Challenge 1
17:01
–Intermediate Bootstrap
02:31:52
The Bootstrap Carousel Part 1
09:39
The Bootstrap Carousel Part 2
17:20
Bootstrap Cards
16:31
The CSS Z-Index and Stacking Order
21:28
Media Query Breakpoints
22:03
Bootstrap Challenge 2
00:17
Bootstrap Challenge 2 Solution
11:46
How to become a Better Programmer - Code Refactoring
07:48
Put it into Practice - Refactor our Website Part 1
19:20
Advanced CSS - Combining Selectors
11:43
Refactoring our Website Part 2
05:21
Advanced CSS - Selector Priority
05:51
Completing the Website
02:34
Download the Completed Website
00:10
–Introduction to Javascript ES6
02:15:39
Introduction to Javascript
11:49
Javascript Alerts - Adding Behaviour to Websites
14:21
Data Types
04:06
Javascript Variables
09:35
Naming and Naming Conventions for Javascript Variables
07:09
String Concatenation
03:07
String Lengths and Retrieving the Number of Characters
06:24
Slicing and Extracting Parts of a String
Preview08:56
Challenge: Changing Casing in Text
03:39
Challenge: Changing String Casing Solution
08:59
Basic Arithmetic and the Modulo Operator in Javascript
06:14
Increment and Decrement Expressions
02:28
Javascript Quiz
6 questions
Functions Part 1: Creating and Calling Functions
10:35
Functions Part 1 Challenge - The Karel Robot
09:08
The Karel Chess Board Solution
00:20
A Quick Note About the Next Lesson
00:13
Functions Part 2: Parameters and Arguments
09:52
Functions Part 3: Outputs & Return Values
11:16
Challenge: Create a BMI Calculator
01:49
BMI Calculator Challenge
1 question
Challenge: BMI Calculator Solution
05:39
–Intermediate Javascript
01:01:14
Random Number Generation in Javascript: Building a Love Calculator
11:15
Control Statements: Using If-Else Conditionals & Logic
04:48
BMI Calculator Advanced (IF/ELSE)
1 question
Comparators and Equality
02:51
Combining Comparators
02:46
Collections: Working with Javascript Arrays
09:01
Adding Elements and Intermediate Array Techniques
15:58
Control Statements: While Loops
07:52
Solution to the 99 Bottles Challenge
00:33
Control Statements: For Loops
06:10
Fibonacci Challenge
1 question
–The Document Object Model (DOM)
53:40
Adding Javascript to Websites
10:44
Introduction to the Document Object Model (DOM)
12:28
Solution to the DOM Challenge
00:09
Selecting HTML Elements with Javascript
14:17
Manipulating and Changing Styles of HTML Elements with Javascript
05:01
The Separation of Concerns: Structure vs Style vs Behaviour
05:57
Text Manipulation and the Text Content Property
02:37
Manipulating HTML Element Attributes
02:27
–Boss Level Challenge 1 - The Dicee Game
18:05
Challenge: The Dicee Challenge
02:14
Dicee Challenge Step 0 - Download the Skeleton Project
00:08
Dicee Challenge Step 1 - Create an External Javascript File
00:04
Dicee Challenge Step 2 - Add Dice Images
00:06
Dicee Challenge Step 3 - Create a Random Number
00:09
Dicee Challenge Step 4 - Change the <img> to a Random Dice
00:14
Dicee Challenge Step 5 - Change both <img> Elements
00:03
Dicee Challenge Step 6 - Change the Title to Display a Winner
00:15
The Solution to the Dicee Challenge
14:43
Download the Completed Website
00:07
–Advanced Javascript and DOM Manipulation
01:31:48
What We'll Make: Drum Kit
Preview01:19
Download the Starting Files
00:09
Adding Event Listeners to a Button
14:29
Higher Order Functions and Passing Functions as Arguments
12:40
Higher Order Function Challenge Solution
00:11
How to Play Sounds on a Website
11:11
A Deeper Understanding of Javascript Objects
12:04
Objects, their Methods and the Dot Notation
06:29
How to Use Switch Statements in Javascript
05:22
Using Keyboard Event Listeners to Check for Key Presses
07:37
Understanding Callbacks and How to Respond to Events
11:35
Adding Animation to Websites
08:31
Download the Completed Website
00:10
–jQuery
50:22
What is jQuery?
03:44
How to Incorporate jQuery into Websites
09:08
How Minification Works to Reduce File Size
03:58
Selecting Elements with jQuery
02:01
Manipulating Styles with jQuery
05:13
Manipulating Text with jQuery
03:36
Manipulating Attributes with jQuery
03:44
Adding Event Listeners with jQuery
07:47
Adding and Removing Elements with jQuery
02:58
Website Animations with jQuery
08:13
–Boss Level Challenge 2 - The Simon Game
12:57
What You'll Make: The Simon Game
01:00
Play the Game
00:07
Step 0 - Download the Starting Files
00:32
Step 1 - Add Javascript and jQuery
00:26
Step 1 - Answer
00:29
Step 2 - Create A New Pattern
00:52
Step 2 - Answer
00:29
Step 3 - Show the Sequence to the User with Animations and Sounds
00:27
Step 3 - Answer
00:29
Step 4 - Check Which Button is Pressed
00:52
Step 4 - Answer
00:29
Step 5 - Add Sounds to Button Clicks
00:23
Step 5 - Answer
00:29
Step 6 - Add Animations to User Clicks
00:29
Step 6 - Answer
00:29
Step 7 - Start the Game
00:46
Step 7 - Answer
00:29
Step 8 - Check the User's Answer Against the Game Sequence8
01:16
Step 8 - Answer
00:29
Step 9 - Game Over
00:22
Step 9 - Answer
00:29
Step 10 - Restart the Game
00:08
Step 10 - Answer
00:29
Download the Completed Project Code
00:21
–The Unix Command Line
35:40
Command Line Hyper Setup
05:04
Understanding the Command Line. Long Live the Command Line!
06:53
Command Line Techniques and Directory Navigation
12:52
A Quick Note About the Next Lesson
00:11
Creating, Opening, and Removing Files through the Command Line
10:40
–Backend Web Development
08:02
Backend Web Development Explained
08:02
–Node.js
37:37
What is Node.js?
Preview05:40
Install Node.js on Mac
00:21
Install Node.js on Windows
00:26
The Power of the Command Line and How to Use Node
06:27
The Node REPL (Read Evaluation Print Loops)
02:39
How to Use the Native Node Modules
08:19
The NPM Package Manager and Installing External Node Modules
13:44
–Express.js with Node.js
01:11:03
What is Express?
03:24
Creating Our First Server with Express
11:29
Handling Requests and Responses: the GET Request
08:12
Nodemon Installation
01:15
Understanding and Working with Routes
09:23
What We'll Make: A Calculator
01:52
Calculator Setup Challenge
00:25
Calculator Setup: Challenge Solution
05:43
Responding to Requests with HTML Files
07:40
Processing Post Requests with Body Parser
14:19
BMI Routing Challenge
00:51
Solution to the BMI Routing Challenge
06:29
–Git, Github and Version Control
01:20:23
Introduction to Version Control and Git
02:35
Version Control Using Git and the Command Line
15:02
GitHub and Remote Repositories
11:00
Gitignore
12:02
Cloning
05:05
Branching and Merging
17:25
Forking and Pull Requests
17:08
Optional Git Challenge
00:06
–APIs - Application Programming Interfaces
02:44:47
What are APIs? Application Programming Interfaces Demystified
29:33
Using the Request Module to Get Data from an API
17:39
Understanding the JSON Format and Working with JSON
22:20
API Calls with Parameters
14:53
What We'll Make: A MailChimp Newsletter Sign Up Page
Preview02:41
Setting Up the Newsletter Page
21:08
Posting Data to MailChimp's Servers
26:45
Adding Success and Failure Pages to the Website
10:20
Deploy the Project to Heroku and Make it Live!
19:28
–EJS
02:05:56
Download the Starting Files
00:05
What We'll Make: A ToDoList
Preview00:46
Linter Errors with EJS
00:09
Templates? Why Do We Need Templates?
15:10
Creating Your First EJS Templates
17:53
Running Code Inside the EJS Template
06:33
Passing Data from Your Webpage to Your Server
25:05
The Concept of Scope in the Context of Javascript
08:40
Adding Pre-Made CSS Stylesheets to Your Website
16:14
Understanding Templating vs. Layouts
13:35
Understanding Node Module Exports: How to Pass Functions and Data between Files
21:45
–Boss Level Challenge 3 - Blog Website
02:31:29
A New Challenge Format and What We'll Make: A Blog
Preview06:18
Setting Up the Blog Project
07:06
Challenge 1
04:04
Challenge 1 Solution
02:37
Challenge 2
04:07
Challenge 2 Solution
02:09
Challenge 3
02:37
Challenge 3 Solution
02:31
Challenge 4
02:05
Challenge 4 Solution
01:52
Challenge 5
02:47
Challenge 5 Solution
04:16
Challenge 6
01:24
Challenge 6 Solution
01:15
Challenge 7
00:59
Challenge 7 Solution
01:54
Challenge 8
03:26
Challenge 8 Solution
03:36
Challenge 9
04:42
Challenge 9 Solution
06:33
Challenge 10
02:24
Challenge 10 Solution
03:13
Challenge 11
03:21
Challenge 11 Solution
03:00
Challenge 12
01:55
Challenge 12 Solution
02:34
Challenge 13
02:46
Challenge 13 Solution
03:37
Challenge 14 and Solution
06:28
Challenge 15
01:41
Challenge 15 Solution
03:14
Express Routing Parameters
06:38
Challenge 16
01:55
Challenge 16 Solution
02:32
Challenge 17
03:54
Challenge 17 Solution
05:30
Challenge 18
06:04
Challenge 18 Solution
04:19
Challenge 19
02:57
Challenge 19 Solution
04:54
Challenge 20
02:58
Challenge 20 Solution
03:18
Challenge 21
02:15
Challenge 21 Solution
03:44
–Databases
19:58
Databases Explained: SQL vs. NOSQL
Preview19:58
–SQL
34:25
SQL Commands: CREATE Table and INSERT Data
13:48
SQL Commands: READ, SELECT, and WHERE
03:10
Updating Single Values and Adding Columns in SQL
04:42
SQL Commands: DELETE
01:32
Understanding SQL Relationships, Foreign Keys and Inner Joins
11:13
–MongoDB
01:09:28
Installing MongoDB on Mac
12:34
Installing MongoDB on Windows
09:20
MongoDB CRUD Operations in the Shell: Create
09:37
MongoDB CRUD Operations in the Shell: Reading & Queries
06:22
MongoDB CRUD Operations in the Shell: Update
04:07
MongoDB CRUD Operations in the Shell: Delete
01:45
Relationships in MongoDB
06:12
Working with The Native MongoDB Driver
19:03
If You Have Forgotten to Quit the Mongod Server
00:28
–Mongoose
52:40
Introduction to Mongoose
20:26
Reading from Your Database with Mongoose
07:28
Data Validation with Moongoose
07:55
Updating and Deleting Data Using Mongoose
10:06
Establishing Relationships and Embedding Documents using Mongoose
06:45
–Putting Everything Together
01:30:48
Let's take the ToDoList Project to the Next Level and Connect it with Mongoose
16:46
Rendering Database Items in the ToDoList App
13:25
Adding New Items to our ToDoList Database
03:56
Deleting Items from our ToDoList Database
13:48
Creating Custom Lists using Express Route Parameters
16:12
Adding New Items to the Custom ToDo Lists
07:31
Revisiting Lodash and Deleting Items from Custom ToDo Lists
19:10
–Deploying Your Web Application
30:56
How to Deploy Web Apps with a Database
05:02
How to Setup MongoDB Atlas
13:41
Deploying an App with a Database to Heroku
12:13
–Boss Level Challenge 4 - Blog Website Upgrade
04:35
Challenge: Give your Blog a Database
02:31
Step 0 - Download the Starting Files
00:07
Step 1 - Save Composed Posts with MongoDB
00:38
Step 2 - Get the Home Page to Render the Posts
00:15
Step 3 - Fix the bug
00:18
Step 4 - Render the correct blog post based on post _id
00:34
Completed Blog with Database Solution
00:10
–Bonus Module: Design School 101
57:43
Designer vs. Non-Designer Thinking
03:33
Understanding the Mood of Your Colour Palette
06:02
How to Combine Colours to Create Colour Palettes
04:08
Tools for Designing with Colour
02:47
Introduction to Typography
00:44
The Serif Type Family - Origin and Use
04:40
The Sans-Serif Type Family - Origin and Use
01:38
How Typography Determines Readability
02:39
How to Combine Fonts Like a Pro
06:00
What is User Interface (UI) Design?
00:42
The Tour Guide Approach to UI Design
03:11
The Importance of Alignment
02:50
What is Good Practice in Interaction Design
08:25
Colour in User Interface Design
02:16
The Many Ways of Designing Text Overlays
03:22
How to Be an Attention Architect
04:46
–Bonus Module: Ask Angela Anything
01:44:09
AAA 1 - How to Soak in Programming Concepts and more…
39:42
AAA 2 - Schedule for Learning to Code and more…
39:08
AAA 3 - How to Start Freelancing and more…
25:19
–Next Steps
00:13
Vote for the Next Module!
00:13