The Complete 2019 Web Development Bootcamp

The Complete 2019 Web Development Bootcamp
The Complete 2019 Web Development Bootcamp
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 39 Hours | 16.9 GB

The only course you need to learn to code and become a full-stack web developer. HTML, CSS, Javascript, Node and more!

Throughout the course, we cover a massive amount of tools and technologies, including:

  • Front-End Web Development
  • HTML 5
  • CSS 3
  • Bootstrap 4
  • Javascript ES6
  • DOM Manipulation
  • jQuery
  • Bash Command Line
  • Git, GitHub and Version Control
  • Backend Web Development
  • Node.js
  • NPM
  • Express.js
  • EJS
  • REST
  • APIs
  • Databases
  • SQL
  • MongoDB
  • Mongoose
  • Web Design
  • Deployment with GitHub Pages, Heroku and MongoDB Atlas

By the end of this course, you will be fluently programming and be ready to make any website you can dream of.

You’ll also build a portfolio of over 15+ websites that you can show off to any potential employer.

What you’ll learn

  • Be able to build ANY website you want
  • Craft a portfolio of websites to apply for junior developer jobs
  • Build fully-fledged websites and web apps for your startup or business
  • Work as a freelance web developer
  • Understand the latest frameworks and technologies, including Bootstrap 4, MongoDB, NodeJS, Express, .
  • Learn professional developer best practices
Table of Contents

Front-End Web Development
1 What You’ll Get in This Course
2 Syllabus Download
3 The Giant List of Resources
4 What You’ll Need to Get Started – Setup Your Local Web Development Environment
5 How Does the Internet Actually Work
6 How Do Websites Actually Work
7 Download the 12 Rules to Learn to Code eBook
8 Pathfinder

Introduction to HTML
9 Introduction to HTML
10 Join the Student Community
11 The Anatomy of an HTML Tag
12 What we’re building – HTML Personal Site
13 What is The HTML Boilerplate
14 How to Structure Text in HTML
15 HTML Lists
16 HTML Image Elements
17 The Anchor Tag Download Attribute
18 HTML Links and Anchor Tags

Intermediate HTML
19 HTML Tables
20 Get Monthly Tips and Tools to Level Up as a Developer
21 Using HTML Tables for Layout
22 HTML Tables Code Challenge
23 How to Type Emojis
24 HTML Tables Solution Walkthrough
25 HTML Forms
26 Forms in Practice – Create a Contact Me Form
27 Publish Your Website!

Introduction to CSS
28 Introduction to CSS
29 Inline CSS
30 A Quick Note About the Next Lesson
31 Internal CSS
32 External CSS
33 How to Debug CSS Code
34 The Anatomy of CSS Syntax
35 CSS Selectors
36 Classes vs. Ids

Intermediate CSS
37 What We’ll Make – Stylised Personal Site
38 Font Styling in Our Personal Site
39 Learn More About Typography
40 Adding Content to Our Website
41 CSS Sizing
42 Font Properties Challenge 1 – Change the Font Colour
43 Font Properties Challenge 2 – Change the Font Weight
44 Font Properties Challenge 3 – Change the Line Height
45 CSS Font Property Challenge Solutions
46 CSS Float and Clear
47 CSS Challenge
48 What Are Favicons
49 Stylised Personal Site Solution Walkthrough
50 HTML Divs
51 The Box Model of Website Styling
52 CSS Display Property
53 Learn More About Web Design
54 CSS Static and Relative Positioning
55 Absolute positioning
56 The Dark Art of Centering Elements with CSS

Introduction to Bootstrap 4
57 What is Bootstrap
58 Adding Grid Layouts to Our Website
59 A Note About Bootstrap Link Order
60 Bootstrap Containers
61 Bootstrap Buttons & Font Awesome
62 Styling Our Website Challenges and Solutions
63 Bootstrap Challenge 1
64 Solution to Bootstrap Challenge 1
65 Installing Bootstrap
66 Web Design 101 – Wireframing
67 The Bootstrap Navigation Bar
68 What We’ll Make TinDog
69 Download the Starting Files
70 Setting Up Our New Project
71 Bootstrap Grid Layout System
72 Getting Montserrat Black and other Font Weights

Intermediate Bootstrap
73 The Bootstrap Carousel Part 1
74 Advanced CSS – Combining Selectors
75 Refactoring our Website Part 2
76 Advanced CSS – Selector Priority
77 Completing the Website
78 Download the Completed Website
79 The Bootstrap Carousel Part 2
80 Bootstrap Cards
81 The CSS Z-Index and Stacking Order
82 Media Query Breakpoints
83 Bootstrap Challenge 2
84 Bootstrap Challenge 2 Solution
85 How to become a Better Programmer – Code Refactoring
86 Put it into Practice – Refactor our Website Part 1

Introduction to Javascript ES6
87 Introduction to Javascript
88 Challenge Changing String Casing Solution
89 Basic Arithmetic and the Modulo Operator in Javascript
90 Increment and Decrement Expressions
91 Functions Part 1 Creating and Calling Functions
92 Functions Part 1 Challenge – The Karel Robot
93 The Karel Chess Board Solution
94 A Quick Note About the Next Lesson
95 Functions Part 2 Parameters and Arguments
96 Functions Part 3 Outputs & Return Values
97 Javascript Alerts – Adding Behaviour to Websites
98 Challenge Create a BMI Calculator
99 Challenge BMI Calculator Solution
100 Data Types
101 Javascript Variables
102 Naming and Naming Conventions for Javascript Variables
103 String Concatenation
104 String Lengths and Retrieving the Number of Characters
105 Slicing and Extracting Parts of a String
106 Challenge Changing Casing in Text

Intermediate Javascript
107 Random Number Generation in Javascript Building a Love Calculator
108 Control Statements For Loops
109 Control Statements Using If-Else Conditionals & Logic
110 Comparators and Equality
111 Combining Comparators
112 Collections Working with Javascript Arrays
113 Adding Elements and Intermediate Array Techniques
114 Control Statements While Loops
115 Solution to the 99 Bottles Challenge

The Document Object Model (DOM)
116 Adding Javascript to Websites
117 Introduction to the Document Object Model (DOM)
118 Solution to the DOM Challenge
119 Selecting HTML Elements with Javascript
120 Manipulating and Changing Styles of HTML Elements with Javascript
121 The Separation of Concerns Structure vs Style vs Behaviour
122 Text Manipulation and the Text Content Property
123 Manipulating HTML Element Attributes

Boss Level Challenge 1 – The Dicee Game
124 Challenge The Dicee Challenge
125 Download the Completed Website
126 Dicee Challenge Step 0 – Download the Skeleton Project
127 Dicee Challenge Step 1 – Create an External Javascript File
128 Dicee Challenge Step 2 – Add Dice Images
129 Dicee Challenge Step 3 – Create a Random Number
130 Dicee Challenge Step 4 – Change the img to a Random Dice
131 Dicee Challenge Step 5 – Change both img Elements
132 Dicee Challenge Step 6 – Change the Title to Display a Winner
133 The Solution to the Dicee Challenge

Advanced Javascript and DOM Manipulation
134 What We’ll Make Drum Kit
135 Using Keyboard Event Listeners to Check for Key Presses
136 Understanding Callbacks and How to Respond to Events
137 Adding Animation to Websites
138 Download the Completed Website
139 Download the Starting Files
140 Adding Event Listeners to a Button
141 Higher Order Functions and Passing Functions as Arguments
142 Higher Order Function Challenge Solution
143 How to Play Sounds on a Website
144 A Deeper Understanding of Javascript Objects
145 How to Use Switch Statements in Javascript
146 Objects, their Methods and the Dot Notation

jQuery
147 What is jQuery
148 Website Animations with jQuery
149 How to Incorporate jQuery into Websites
150 How Minification Works to Reduce File Size
151 Selecting Elements with jQuery
152 Manipulating Styles with jQuery
153 Manipulating Text with jQuery
154 Manipulating Attributes with jQuery
155 Adding Event Listeners with jQuery
156 Adding and Removing Elements with jQuery

Boss Level Challenge 2 – The Simon Game
157 What You’ll Make The Simon Game
158 Step 4 – Check Which Button is Pressed
159 Step 4 – Answer
160 Step 5 – Add Sounds to Button Clicks
161 Step 5 – Answer
162 Step 6 – Add Animations to User Clicks
163 Step 6 – Answer
164 Step 7 – Start the Game
165 Step 7 – Answer
166 Step 8 – Check the User’s Answer Against the Game Sequence8
167 Step 8 – Answer
168 Play the Game
169 Step 9 – Game Over
170 Step 9 – Answer
171 Step 10 – Restart the Game
172 Step 10 – Answer
173 Download the Completed Project Code
174 Step 0 – Download the Starting Files
175 Step 1 – Add Javascript and jQuery
176 Step 1 – Answer
177 Step 2 – Create A New Pattern
178 Step 2 – Answer
179 Step 3 – Show the Sequence to the User with Animations and Sounds
180 Step 3 – Answer

The Unix Command Line
181 Command Line Hyper Setup
182 Understanding the Command Line. Long Live the Command Line!
183 Command Line Techniques and Directory Navigation
184 A Quick Note About the Next Lesson
185 Creating, Opening, and Removing Files through the Command Line

Backend Web Development
186 Backend Web Development Explained

Node.js
187 What is Node.js
188 Install Node.js on Mac
189 Install Node.js on Windows
190 The Power of the Command Line and How to Use Node
191 The Node REPL (Read Evaluation Print Loops)
192 How to Use the Native Node Modules
193 The NPM Package Manager and Installing External Node Modules

Express.js with Node.js
194 What is Express
195 Processing Post Requests with Body Parser
196 BMI Routing Challenge
197 Solution to the BMI Routing Challenge
198 Creating Our First Server with Express
199 Handling Requests and Responses the GET Request
200 Nodemon Installation
201 Understanding and Working with Routes
202 What We’ll Make A Calculator
203 Calculator Setup Challenge
204 Calculator Setup Challenge Solution
205 Responding to Requests with HTML Files

Git, Github and Version Control
206 Introduction to Version Control and Git
207 Version Control Using Git and the Command Line
208 GitHub and Remote Repositories
209 Gitignore
210 Cloning
211 Branching and Merging
212 Forking and Pull Requests
213 Optional Git Challenge

APIs – Application Programming Interfaces
214 What are APIs Application Programming Interfaces Demystified
215 Using the Request Module to Get Data from an API
216 Understanding the JSON Format and Working with JSON
217 API Calls with Parameters
218 What We’ll Make A MailChimp Newsletter Sign Up Page
219 Setting Up the Newsletter Page
220 Posting Data to MailChimp’s Servers
221 Adding Success and Failure Pages to the Website
222 Deploy the Project to Heroku and Make it Live!

EJS
223 Download the Starting Files
224 Understanding Templating vs. Layouts
225 Understanding Node Module Exports How to Pass Functions and Data between Files
226 What We’ll Make A ToDoList
227 Linter Errors with EJS
228 Templates Why Do We Need Templates
229 Creating Your First EJS Templates
230 Running Code Inside the EJS Template
231 Passing Data from Your Webpage to Your Server
232 The Concept of Scope in the Context of Javascript
233 Adding Pre-Made CSS Stylesheets to Your Website

Boss Level Challenge 3 – Blog Website
234 A New Challenge Format and What We’ll Make A Blog
235 Challenge 4 Solution
236 Challenge 5
237 Challenge 5 Solution
238 Challenge 6
239 Challenge 6 Solution
240 Challenge 7
241 Challenge 7 Solution
242 Challenge 8
243 Challenge 8 Solution
244 Challenge 9
245 Setting Up the Blog Project
246 Challenge 9 Solution
247 Challenge 10
248 Challenge 10 Solution
249 Challenge 11
250 Challenge 11 Solution
251 Challenge 12
252 Challenge 12 Solution
253 Challenge 13
254 Challenge 13 Solution
255 Challenge 14 and Solution
256 Challenge 1
257 Challenge 15
258 Challenge 15 Solution
259 Express Routing Parameters
260 Challenge 16
261 Challenge 16 Solution
262 Challenge 17
263 Challenge 17 Solution
264 Challenge 18
265 Challenge 18 Solution
266 Challenge 19
267 Challenge 1 Solution
268 Challenge 19 Solution
269 Challenge 20
270 Challenge 20 Solution
271 Challenge 21
272 Challenge 21 Solution
273 Challenge 2
274 Challenge 2 Solution
275 Challenge 3
276 Challenge 3 Solution
277 Challenge 4

Databases
278 Databases Explained SQL vs. NOSQL

SQL
279 SQL Commands CREATE Table and INSERT Data
280 SQL Commands READ, SELECT, and WHERE
281 Updating Single Values and Adding Columns in SQL
282 SQL Commands DELETE
283 Understanding SQL Relationships, Foreign Keys and Inner Joins

MongoDB
284 Installing MongoDB on Mac
285 Installing MongoDB on Windows
286 MongoDB CRUD Operations in the Shell Create
287 MongoDB CRUD Operations in the Shell Reading & Queries
288 MongoDB CRUD Operations in the Shell Update
289 MongoDB CRUD Operations in the Shell Delete
290 Relationships in MongoDB
291 Working with The Native MongoDB Driver
292 If You Have Forgotten to Quit the Mongod Server

Mongoose
293 Introduction to Mongoose
294 Reading from Your Database with Mongoose
295 Data Validation with Mongoose
296 Updating and Deleting Data Using Mongoose
297 Establishing Relationships and Embedding Documents using Mongoose

Putting Everything Together
298 Let’s take the ToDoList Project to the Next Level and Connect it with Mongoose
299 Rendering Database Items in the ToDoList App
300 Adding New Items to our ToDoList Database
301 Deleting Items from our ToDoList Database
302 Creating Custom Lists using Express Route Parameters
303 Adding New Items to the Custom ToDo Lists
304 Revisiting Lodash and Deleting Items from Custom ToDo Lists

Deploying Your Web Application
305 How to Deploy Web Apps with a Database
306 How to Setup MongoDB Atlas
307 Deploying an App with a Database to Heroku

Boss Level Challenge 4 – Blog Website Upgrade
308 Challenge Give your Blog a Database
309 Step 0 – Download the Starting Files
310 Step 1 – Save Composed Posts with MongoDB
311 Step 2 – Get the Home Page to Render the Posts
312 Step 3 – Fix the bug
313 Step 4 – Render the correct blog post based on post id
314 Completed Blog with Database Solution

Build Your Own RESTful API From Scratch
315 What is REST
316 PUT a Specific Article
317 PATCH a Specific Article
318 DELETE a Specific Article
319 Download the Completed Project Code
320 Creating a Database with Robo 3T
321 Set Up Server Challenge
322 Set Up Server Solution
323 GET All Articles
324 POST a New Article
325 DELTE All Articles
326 Chained Route Handlers Using Express
327 GET a Specific Article

Bonus Module Design School 101
328 Designer vs. Non-Designer Thinking
329 What is User Interface (UI) Design
330 The Tour Guide Approach to UI Design
331 The Importance of Alignment
332 What is Good Practice in Interaction Design
333 Colour in User Interface Design
334 The Many Ways of Designing Text Overlays
335 How to Be an Attention Architect
336 Understanding the Mood of Your Colour Palette
337 How to Combine Colours to Create Colour Palettes
338 Tools for Designing with Colour
339 Introduction to Typography
340 The Serif Type Family – Origin and Use
341 The Sans-Serif Type Family – Origin and Use
342 How Typography Determines Readability
343 How to Combine Fonts Like a Pro

Bonus Module Ask Angela Anything
344 AAA 1 – How to Soak in Programming Concepts and more…
345 AAA 2 – Schedule for Learning to Code and more…
346 AAA 3 – How to Start Freelancing and more…

Next Steps
347 Vote for the Next Module!


Download from Rapidgator

Download from Turbobit