-
1. What You’ll Get in This Course.
03:10
-
4. How to Get the Most Out of the Course.
09:33
-
6. How Does the Internet Actually Work.
05:43
-
7. How Do Websites Actually Work.
06:32
-
8. What You’ll Need to Get Started – Setup Your Local Web Development Environment.
06:59
-
9. How to Get Help When You’re Stuck.
06:40
-
1. Adding Javascript to Websites.
10:44
-
2. Introduction to the Document Object Model (DOM).
12:28
-
4. Selecting HTML Elements with Javascript.
14:17
-
5. Manipulating and Changing Styles of HTML Elements with Javascript.
05:01
-
6. The Separation of Concerns Structure vs Style vs Behaviour.
05:57
-
7. Text Manipulation and the Text Content Property.
02:37
-
8. Manipulating HTML Element Attributes.
07:27
-
9. Tip from Angela – The 20 Minute Method.
02:39
-
1. Challenge The Dicee Challenge.
02:14
-
11. Tip from Angela – Learning Before you Eat.
02:06
-
9. The Solution to the Dicee Challenge.
00:00
-
1. What We’ll Make Drum Kit.
01:20
-
11. Using Keyboard Event Listeners to Check for Key Presses.
07:37
-
12. Understanding Callbacks and How to Respond to Events.
11:35
-
13. Adding Animation to Websites.
08:31
-
15. Tip from Angela – Dealing with Lack of Progress.
03:88
-
3. Adding Event Listeners to a Button.
14:29
-
4. Higher Order Functions and Passing Functions as Arguments.
12:40
-
6. How to Play Sounds on a Website.
11:11
-
7. A Deeper Understanding of Javascript Objects.
12:04
-
8. How to Use Switch Statements in Javascript.
05:23
-
9. Objects, their Methods and the Dot Notation.
06:29
-
1. What is jQuery.
33:45
-
10. Website Animations with jQuery.
08:13
-
11. Tip from Angela – Mixing Knowledge
02:30
-
2. How to Incorporate jQuery into Websites.
00:00
-
3. How Minification Works to Reduce File Size.
00:00
-
4. Selecting Elements with jQuery.
02:01
-
5. Manipulating Styles with jQuery.
00:00
-
6. Manipulating Text with jQuery.
00:00
-
7. Manipulating Attributes with jQuery.
03:44
-
8. Adding Event Listeners with jQuery.
07:47
-
9. Adding and Removing Elements with jQuery.
02:58
-
1. What You’ll Make The Simon Game.
01:00
-
25. Tip from Angela – Dealing with Frustration.
02:31
-
2. Command Line Hyper Setup.
04:53
-
3. Understanding the Command Line. Long Live the Command Line!.
05:55
-
4. Command Line Techniques and Directory Navigation.
10:13
-
5. Creating, Opening, and Removing Files through the Command Line.
09:09
-
6. Tip from Angela – Sleep is My Secret Weapon.
03:48
-
1. Backend Web Development Explained.
08:02
-
1. What is Node.js.
05:40
-
4. The Power of the Command Line and How to Use Node.
06:27
-
5. The Node REPL (Read Evaluation Print Loops).
02:40
-
6. How to Use the Native Node Modules.
08:20
-
7. The NPM Package Manager and Installing External Node Modules.
13:45
-
8. Tip from Angela – Step Up to the Challenge.
01:14
-
1. What is Express.
00:00
-
10. Processing Post Requests with Body Parser.
14:19
-
12. Solution to the BMI Routing Challenge.
06:29
-
13. Tip from Angela – How to Solidify Your Knowledge.
02:56
-
2. Creating Our First Server with Express.
11:29
-
3. Handling Requests and Responses the GET Request.
08:13
-
5. Understanding and Working with Routes.
09:23
-
6. What We’ll Make A Calculator
01:52
-
8. Calculator Setup Challenge Solution.
05:43
-
9. Responding to Requests with HTML Files.
07:40
-
1. Why Do We Need APIs.
08:50
-
10. Setting Up the Sign Up Page.
20:52
-
11. Posting Data to Mailchimp’s Servers via their API.
18:37
-
12. Adding Success and Failure Pages.
08:56
-
13. Deploying Your Server with Heroku.
18:38
-
14. Tip from Angela – Location, Location, Location!.
02:06
-
2. API Endpoints, Paths and Parameters..
10:60
-
3. API Authentication and Postman.
00:00
-
4. What is JSON.
04:54
-
5. Making GET Requests with the Node HTTPS Module.
00:00
-
6. How to Parse JSON.
13:05
-
7. Using Express to Render a Website with Live API Data.
00:00
-
8. Using Body Parser to Parse POST Requests to the Server.
10:06
-
9. The Mailchimp API – What You’ll Make.
00:00
-
1. Introduction to HTML.
10:53
-
2. The Anatomy of an HTML Tag
00:00
-
3. What we’re building – HTML Personal Site.
00:00
-
4. What is The HTML Boilerplate.
00:00
-
5. How to Structure Text in HTML.
00:00
-
6. HTML Lists.
05:25
-
7. HTML Image Elements.
00:00
-
8. HTML Links and Anchor Tags.
00:00
-
1. Introduction to Version Control and Git.
00:00
-
10. Tip from Angela – Spaced Repetition.
04:01
-
2. Version Control Using Git and the Command Line.
10:02
-
3. GitHub and Remote Repositories.
11:00
-
5. Gitignore.
12:02
-
6. Cloning.
05:05
-
7. Branching and Merging.
17:25
-
9. Forking and Pull Requests.
17:08
-
1. What We’ll Make A ToDoList.
00:46
-
10. Understanding Node Module Exports How to Pass Functions and Data between Files.
21:45
-
11. Tip from Angela – Use Accountability in your Favour.
02:56
-
3. Templates Why Do We Need Templates.
15:10
-
4. Creating Your First EJS Templates.
17:53
-
5. Running Code Inside the EJS Template.
06:33
-
6. Passing Data from Your Webpage to Your Server.
00:00
-
7. The Concept of Scope in the Context of Javascript.
08:40
-
8. Adding Pre-Made CSS Stylesheets to Your Website.
00:00
-
9. Understanding Templating vs. Layouts.
13:35
-
1. A New Challenge Format and What We’ll Make A Blog.
06:18
-
10. Challenge 4 Solution.
01:52
-
11. Challenge 5.
02:47
-
12. Challenge 5 Solution.
04:16
-
13. Challenge 6.m
01:24
-
14. Challenge 6 Solution.
01:15
-
15. Challenge 7.
01:00
-
16. Challenge 7 Solution.
01:55
-
17. Challenge 8.
03:26
-
18. Challenge 8 Solution.
03:36
-
19. Challenge 9.
04:42
-
2. Setting Up the Blog Project.
07:06
-
20. Challenge 9 Solution.
06:34
-
21. Challenge 10.
02:25
-
22. Challenge 10 Solution.
03:13
-
23. Challenge 11.
03:21
-
24. Challenge 11 Solution.
03:01
-
25. Challenge 12.
01:56
-
26. Challenge 12 Solution.
02:35
-
27. Challenge 13.
02:46
-
28. Challenge 13 Solution.
03:37
-
29. Challenge 14 and Solution.
06:28
-
3. Challenge 1.
04:04
-
30. Challenge 15.
01:41
-
31. Challenge 15 Solution.
03:14
-
32. Express Routing Parameters.
06:39
-
33. Challenge 16.
01:56
-
34. Challenge 16 Solution.
02:32
-
35. Challenge 17.
03:54
-
36. Challenge 17 Solution.
05:30
-
37. Challenge 18.
06:04
-
38. Challenge 18 Solution.
04:19
-
39. Challenge 19.
02:57
-
4. Challenge 1 Solution.
02:37
-
40. Challenge 19 Solution.
04:54
-
41. Challenge 20.
02:58
-
42. Challenge 20 Solution.
03:19
-
43. Challenge 21.
02:15
-
42. Challenge 20 Solution.
03:44
-
43. Challenge 21.
06:01
-
44. Challenge 21 Solution.
04:08
-
45. Tip from Angela – When Life Gives You Lemons
02:10
-
5. Challenge 2.
22:38
-
6. Challenge 2 Solution.
02:09
-
7. Challenge 3.
02:38
-
8. Challenge 3 Solution.
02:21
-
9. Challenge 4.
02:05
-
1. Databases Explained SQL vs. NOSQL.
19:58
-
1. SQL Commands CREATE Table and INSERT Data
13:48
-
2. SQL Commands READ, SELECT, and WHERE.
03:11
-
3. Updating Single Values and Adding Columns in SQL.
04:43
-
4. SQL Commands DELETE.
01:32
-
5. Understanding SQL Relationships, Foreign Keys and Inner Joins
11:13
-
6. Tip from Angela – Find All the Hard Working People.
02:01
-
1. Installing MongoDB on Mac.
12:34
-
10. Tip from Angela – Daily Routines.
02:34
-
2. Installing MongoDB on Windows.
09:20
-
3. MongoDB CRUD Operations in the Shell Create.
00:00
-
4. MongoDB CRUD Operations in the Shell Reading & Queries.
06:22
-
5. MongoDB CRUD Operations in the Shell Update.
04:08
-
6. MongoDB CRUD Operations in the Shell Delete.
01:46
-
7. Relationships in MongoDB.
06:12
-
8. Working with The Native MongoDB Driver.
19:04
-
1. Introduction to Mongoose.
20:27
-
2. Reading from Your Database with Mongoose.
07:29
-
3. Data Validation with Mongoose.
07:56
-
4. Updating and Deleting Data Using Mongoose.
10:06
-
5. Establishing Relationships and Embedding Documents using Mongoose.
06:45
-
6. Tip from Angela – Deep Work.
03:02
-
1. Let’s take the ToDoList Project to the Next Level and Connect it with Mongoose.
16:46
-
2. Rendering Database Items in the ToDoList App.
13:25
-
3. Adding New Items to our ToDoList Database.
03:56
-
4. Deleting Items from our ToDoList Database.
13:48
-
5. Creating Custom Lists using Express Route Parameters
16:12
-
6. Adding New Items to the Custom ToDo Lists.
07:32
-
7. Revisiting Lodash and Deleting Items from Custom ToDo Lists.
00:00
-
8. Tip from Angela – One Step at a Time.
02:54
-
1. How to Deploy Web Apps with a Database.
05:02
-
2. How to Setup MongoDB Atlas.
00:00
-
3. Deploying an App with a Database to Heroku.
12:13
-
4. Tip from Angela – Discipline Breeds Discipline.
02:20
-
1. Challenge Give your Blog a Database.
02:31
-
8. Tip from Angela – Dealing with Limitations.
05:22
-
1. HTML Tables.
12:04
-
10. Tip from Angela – Habit Building with the Calendar Trick.
02:53
-
2. Using HTML Tables for Layout.
02:17
-
3. HTML Tables Code Challenge.
01:45
-
5. HTML Tables Solution Walkthrough
06:44
-
6. HTML Forms.
09:17
-
7. Forms in Practice – Create a Contact Me Form
07:29
-
9. Publish Your Website!.
06:48
-
1. What is REST.
17:08
-
10. PUT a Specific Article
10:32
-
11. PATCH a Specific Article.
07:17
-
12. DELETE a Specific Article.
04:04
-
14. Tip from Angela – How to Get a Job as Programmer.
02:07
-
2. Creating a Database with Robo 3T.
09:29
-
3. Set Up Server Challenge.
02:10
-
4. Set Up Server Solution.
07:30
-
5. GET All Articles.
66:51
-
6. POST a New Article.
12:51
-
7. DELTE All Articles.
05:11
-
8. Chained Route Handlers Using Express.
07:07
-
9. GET a Specific Article
14:02
-
1. Introduction to Authentication.
05:46
-
10. What are Cookies and Sessions.
08:19
-
11. Using Passport.js to Add Cookies and Sessions
11:00
-
12. Level 6 – OAuth 2.0 & How to Implement Sign In with Google.
47:46
-
13. Finishing Up the App – Letting Users Submit Secrets.
13:40
-
15. Tip from Angela – How to Work as a Freelancer
01:38
-
2. Getting Set Up.
07:26
-
3. Level 1 – Register Users with Username and Password.
14:42
-
5. Level 2 – Database Encryption.
16:35
-
6. Using Environment Variables to Keep Secrets Safe.
17:40
-
7. Level 3 – Hashing Passwords.
15:25
-
8. Hacking 101 ☣️.
12:28
-
9. Level 4 – Salting and Hashing Passwords with bcrypt.
20:41
-
1. What is React.
07:28
-
10. React Styling Practice.
09:59
-
11. React Components.
15:47
-
12. React Components Practice.
05:01
-
13. Javascript ES6 – Import, Export and Modules.
11:10
-
14. Javascript ES6 Import, Export and Modules Practice.
04:04
-
15. [Windows] Local Environment Setup for React Development
13:52
-
16. [Mac] Local Environment Setup for React Development.
13:40
-
17. Keeper App Project – Part 1 Challenge.
04:57
-
18. Keeper App Part 1 Solution.
14:07
-
19. React Props.
16:44
-
2. What we will make in this React module.
01:34
-
20. React Props Practice.
13:19
-
21. React DevTools.
17:19
-
22. Mapping Data to Components.
10:20
-
23. Mapping Data to Components Practice.
17:31
-
24. Javascript ES6 MapFilterReduce.
20:21
-
25. Javascript ES6 Arrow functions.
09:56
-
26. Keeper App Project – Part 2.
10:23
-
27. React Conditional Rendering with the Ternary Operator & AND Operator.
19:24
-
28. Conditional Rendering Practice.
06:34
-
29. State in React – Declarative vs. Imperative Programming.
09:38
-
3. Introduction to Code Sandbox and the Structure of the Module.
05:50
-
30. React Hooks – useState.
16:09
-
31. useState Hook Practice.
07:24
-
32. Javascript ES6 Object & Array Destructuring.
17:44
-
33. Javascript ES6 Destructuring Challenge Solution.
05:58
-
34. Event Handling in React.
11:10
-
35. React Forms.
13:40
-
36. Class Components vs. Functional Components.
06:24
-
37. Changing Complex State.
19:43
-
38. Changing Complex State Practice.
07:08
-
39. Javascript ES6 Spread Operator.
10:58
-
4. Introduction to JSX and Babel.
16:12
-
40. Javascript ES6 Spread Operator Practice.
10:20
-
41. Managing a Component Tree.
41:00
-
42. Managing a Component Tree Practice.
08:27
-
43. Keeper App Project – Part 3.
25:05
-
44. React Dependencies & Styling the Keeper App.
16:38
-
45. Tip from Angela – How to Build Your Own Product.
02:15
-
5. JSX Code Practice.
07:34
-
6. Javascript Expressions in JSX & ES6 Template Literals.
11:43
-
7. Javascript Expressions in JSX Practice.
08:34
-
8. JSX Attributes & Styling React Elements.
16:58
-
9. Inline Styling for React Elements.
08:41
-
1. Designer vs. Non-Designer Thinking.
03:33
-
10. What is User Interface (UI) Design.
00:00
-
11. The Tour Guide Approach to UI Design.
03:11
-
12. The Importance of Alignment.
02:50
-
13. What is Good Practice in Interaction Design.
08:25
-
14. Colour in User Interface Design.
02:17
-
15. The Many Ways of Designing Text Overlays.
03:23
-
16. How to Be an Attention Architect.
04:46
-
17. Tip from Angela – Decision Fatigue.
01:25
-
2. Understanding the Mood of Your Colour Palette.
06:02
-
3. How to Combine Colours to Create Colour Palettes.
00:00
-
4. Tools for Designing with Colour.
02:47
-
5. Introduction to Typography.
00:45
-
6. The Serif Type Family – Origin and Use
04:40
-
7. The Sans-Serif Type Family – Origin and Use.
01:38
-
8. How Typography Determines Readability
02:40
-
9. How to Combine Fonts Like a Pro.
06:00
-
1. AAA 1 – How to Soak in Programming Concepts and more…
39:43
-
2. AAA 2 – Schedule for Learning to Code and more….
00:00
-
3. AAA 3 – How to Start Freelancing and more..
00:00
-
1. Introduction to CSS.
03:04
-
11. Tip from Angela – Dealing with Distractions.
02:08
-
2. Inline CSS.
09:56
-
4. Internal CSS.
20:22
-
5. External CSS.
08:29
-
6. How to Debug CSS Code.
13:37
-
7. The Anatomy of CSS Syntax.
13:09
-
8. CSS Selectors.
06:23
-
9. Classes vs. Ids.
11:44
-
1. What We’ll Make – Stylised Personal Site.
04:57
-
10. Font Styling in Our Personal Site.
13:60
-
12. Adding Content to Our Website
06:53
-
13. CSS Sizing.
00:00
-
17. CSS Font Property Challenge Solutions.
03:57
-
18. CSS Float and Clear.
15:14
-
2. What Are Favicons
03:47
-
20. Stylised Personal Site Solution Walkthrough.
21:22
-
22. Tip from Angela – Nothing Easy is Worth Doing!.
03:35
-
3. HTML Divs.
13:33
-
4. The Box Model of Website Styling.
19:25
-
5. CSS Display Property.
15:11
-
7. CSS Static and Relative Positioning.
14:37
-
8. Absolute positioning.
12:12
-
9. The Dark Art of Centering Elements with CSS.
09:04
-
1. What is Bootstrap.
14:37
-
10. Adding Grid Layouts to Our Website.
09:39
-
12. Bootstrap Containers.
05:55
-
13. Bootstrap Buttons & Font Awesome.
11:30
-
14. Styling Our Website Challenges and Solutions.
20:02
-
16. Solution to Bootstrap Challenge 1.
17:01
-
17. Tip from Angela – How to Deal with Procrastination.
04:08
-
2. Installing Bootstrap.
07:56
-
3. Web Design 101 – Wireframing.
11:38
-
4. The Bootstrap Navigation Bar.
20:40
-
5. What We’ll Make TinDog.
00:56
-
7. Setting Up Our New Project.
07:41
-
8. Bootstrap Grid Layout System.
20:17
-
1. The Bootstrap Carousel Part 1.
09:39
-
10. Advanced CSS – Combining Selectors.
11:44
-
11. Refactoring our Website Part 2.
05:21
-
12. Advanced CSS – Selector Priority.
05:51
-
13. Completing the Website.
02:34
-
15. Tip from Angela – Building a Programming Habit.
02:46
-
2. The Bootstrap Carousel Part 2.
17:20
-
3. Bootstrap Cards.
16:31
-
4. The CSS Z-Index and Stacking Order.
21:28
-
5. Media Query Breakpoints.
22:03
