-
Introduction
6-
IntroductionLecture1.1
-
SyllabusLecture1.2
-
How does the Internet WorkLecture1.3
-
How Do Websites Work?Lecture1.4
-
What You’ll Need to Get Started – Setup Your Local Web Development EnvironmentLecture1.5
-
Your HelpLecture1.6
-
-
Introduction to HTML
9-
Introduction to HTMLLecture2.1
-
The Anatomy of an HTML TagLecture2.2
-
What we’re building – HTML Personal SiteLecture2.3
-
What is The HTML Boilerplate?Lecture2.4
-
How to Structure Text in HTMLLecture2.5
-
HTML ListsLecture2.6
-
HTML Image ElementsLecture2.7
-
HTML Links and Anchor TagsLecture2.8
-
How to Ace this CourseLecture2.9
-
-
Intermediate HTML
8-
HTML TablesLecture3.1
-
Using HTML Tables for LayoutLecture3.2
-
HTML Tables Code ChallengeLecture3.3
-
How to Type EmojisLecture3.4
-
HTML Tables Solution WalkthroughLecture3.5
-
HTML FormsLecture3.6
-
Forms in Practice – Create a Contact Me FormLecture3.7
-
Publish Your Website!Lecture3.8
-
-
Introduction to CSS
8-
Introduction to CSSLecture4.1
-
Inline CSSLecture4.2
-
Internal CSSLecture4.3
-
External CSSLecture4.4
-
How to Debug CSS CodeLecture4.5
-
The Anatomy of CSS SyntaxLecture4.6
-
CSS SelectorsLecture4.7
-
Classes vs. IdsLecture4.8
-
-
Intermediate CSS
14-
What We’ll Make – Stylised Personal SiteLecture5.1
-
What Are Favicons?Lecture5.2
-
HTML DivsLecture5.3
-
The Box Model of Website StylingLecture5.4
-
CSS Display PropertyLecture5.5
-
CSS Static and Relative PositioningLecture5.6
-
Absolute positioningLecture5.7
-
The Dark Art of Centering Elements with CSSLecture5.8
-
Font Styling in Our Personal SiteLecture5.9
-
Adding Content to Our WebsiteLecture5.10
-
CSS SizingLecture5.11
-
CSS Font Property Challenge SolutionsLecture5.12
-
CSS Float and ClearLecture5.13
-
Stylised Personal Site Solution WalkthroughLecture5.14
-
-
Introduction to Bootstrap 4
12-
What is Bootstrap?Lecture6.1
-
Installing BootstrapLecture6.2
-
Web Design 101 – WireframingLecture6.3
-
The Bootstrap Navigation BarLecture6.4
-
What We’ll Make : TinDogLecture6.5
-
Setting Up Our New ProjectLecture6.6
-
Bootstrap Grid Layout SystemLecture6.7
-
Adding Grid Layouts to Our WebsiteLecture6.8
-
Bootstrap ContainersLecture6.9
-
Bootstrap Buttons & Font AwesomeLecture6.10
-
Styling Our Website Challenges and SolutionsLecture6.11
-
Solution to Bootstrap Challenge 1Lecture6.12
-
-
Intermediate Bootstrap
12-
The Bootstrap Carousel Part 1Lecture7.1
-
The Bootstrap Carousel Part 2Lecture7.2
-
Bootstrap CardsLecture7.3
-
The CSS Z-Index and Stacking OrderLecture7.4
-
Media Query BreakpointsLecture7.5
-
Bootstrap Challenge 2 SolutionLecture7.6
-
How to become a Better Programmer – Code RefactoringLecture7.7
-
Put it into Practice – Refactor our Website Part 1Lecture7.8
-
Advanced CSS – Combining SelectorsLecture7.9
-
Refactoring our Website Part 2Lecture7.10
-
Advanced CSS – Selector PriorityLecture7.11
-
Completing the WebsiteLecture7.12
-
-
Web Design School
6-
Introduction to Web DesignLecture8.1
-
Understanding Colour TheoryLecture8.2
-
Understanding Typography and How to Choose a FontLecture8.3
-
Manage effective User Interface (UI) DesignLecture8.4
-
User Experience (UX) DesignLecture8.5
-
Web Design in Practice – Let’s apply what we’ve learnt!Lecture8.6
-
-
Introduction to Javascript ES6
21-
Introduction to JavascriptLecture9.1
-
Javascript Alerts – Adding Behaviour to WebsitesLecture9.2
-
Data TypesLecture9.3
-
Javascript VariablesLecture9.4
-
Javascript Variables Exercise StartLecture9.5
-
Javascript Variables Exercise SolutionLecture9.6
-
Naming and Naming Conventions for Javascript VariablesLecture9.7
-
String ConcatenationLecture9.8
-
String Lengths and Retrieving the Number of CharactersLecture9.9
-
Slicing and Extracting Parts of a StringLecture9.10
-
Challenge: Changing Casing in TextLecture9.11
-
Challenge: Changing String Casing SolutionLecture9.12
-
Basic Arithmetic and the Modulo Operator in JavascriptLecture9.13
-
Increment and Decrement ExpressionsLecture9.14
-
Functions Part 1: Creating and Calling FunctionsLecture9.15
-
Functions Part 1 Challenge – The Karel RobotLecture9.16
-
Functions Part 2: Parameters and ArgumentsLecture9.17
-
Life in Weeks SolutionLecture9.18
-
Functions Part 3: Outputs & Return ValuesLecture9.19
-
Challenge: Create a BMI CalculatorLecture9.20
-
Challenge: BMI Calculator SolutionLecture9.21
-
-
Intermediate Javascript
13-
Random Number Generation in Javascript: Building a Love CalculatorLecture10.1
-
Control Statements: Using If-Else Conditionals & LogicLecture10.2
-
Comparators and EqualityLecture10.3
-
Combining ComparatorsLecture10.4
-
Introducing the Leap Year Code ChallengeLecture10.5
-
Leap Year SolutionLecture10.6
-
Collections: Working with Javascript ArraysLecture10.7
-
Adding Elements and Intermediate Array TechniquesLecture10.8
-
Who’s Buying Lunch SolutionLecture10.9
-
Control Statements: While LoopsLecture10.10
-
Control Statements: For LoopsLecture10.11
-
Introducing the Fibonacci Code ChallengeLecture10.12
-
Fibonacci SolutionLecture10.13
-
-
Document Object Model (DOM)
7-
Adding Javascript to WebsitesLecture11.1
-
Introduction to the Document Object Model (DOM)Lecture11.2
-
Selecting HTML Elements with JavascriptLecture11.3
-
Manipulating and Changing Styles of HTML Elements with JavascriptLecture11.4
-
The Separation of Concerns: Structure vs Style vs BehaviourLecture11.5
-
Text Manipulation and the Text Content PropertyLecture11.6
-
Manipulating HTML Element AttributesLecture11.7
-
-
Advanced Javascript and DOM Manipulation
10-
Drum KitLecture12.1
-
Adding Event Listeners to a ButtonLecture12.2
-
Higher Order Functions and Passing Functions as ArgumentsLecture12.3
-
How to Play Sounds on a WebsiteLecture12.4
-
A Deeper Understanding of Javascript ObjectsLecture12.5
-
How to Use Switch Statements in JavascriptLecture12.6
-
Objects, their Methods and the Dot NotationLecture12.7
-
Using Keyboard Event Listeners to Check for Key PressesLecture12.8
-
Understanding Callbacks and How to Respond to EventsLecture12.9
-
Adding Animation to WebsitesLecture12.10
-
-
jQuery
10-
What is jQuery?Lecture13.1
-
How to Incorporate jQuery into WebsitesLecture13.2
-
How Minification Works to Reduce File SizeLecture13.3
-
Selecting Elements with jQueryLecture13.4
-
Manipulating Styles with jQueryLecture13.5
-
Manipulating Text with jQueryLecture13.6
-
Manipulating Attributes with jQueryLecture13.7
-
Adding Event Listeners with jQueryLecture13.8
-
Adding and Removing Elements with jQueryLecture13.9
-
Website Animations with jQueryLecture13.10
-
-
The Unix Command Line
5-
Installing the Hyper TerminalLecture14.1
-
Command Line Hyper SetupLecture14.2
-
Understanding the Command Line. Long Live the Command Line!Lecture14.3
-
Command Line Techniques and Directory NavigationLecture14.4
-
Creating, Opening, and Removing Files through the Command LineLecture14.5
-
-
Backend Web Development
1-
Backend Web Development ExplainedLecture15.1
-
-
Node.js
7-
Introduction to Node.jsLecture16.1
-
Install Node.js on WindowsLecture16.2
-
Install Node.js on MacLecture16.3
-
The Power of the Command Line and How to Use NodeLecture16.4
-
The Node REPL (Read Evaluation Print Loops)Lecture16.5
-
How to Use the Native Node ModulesLecture16.6
-
The NPM Package Manager and Installing External Node ModulesLecture16.7
-
-
Express.js with Node.js
11-
What is Express?Lecture17.1
-
Creating Our First Server with ExpressLecture17.2
-
Handling Requests and Responses: the GET RequestLecture17.3
-
Nodemon InstallationLecture17.4
-
Understanding and Working with RoutesLecture17.5
-
What We’ll Make: A CalculatorLecture17.6
-
Calculator Setup: Challenge and SolutionLecture17.7
-
Responding to Requests with HTML FilesLecture17.8
-
Processing Post Requests with Body ParserLecture17.9
-
BMI Routing ChallengeLecture17.10
-
Solution to the BMI Routing ChallengeLecture17.11
-
-
APIs - Application Programming Interfaces
13-
Why Do We Need APIs?Lecture18.1
-
API Endpoints, Paths and Parameters.Lecture18.2
-
API Authentication and PostmanLecture18.3
-
What is JSON?Lecture18.4
-
Making GET Requests with the Node HTTPS ModuleLecture18.5
-
How to Parse JSONLecture18.6
-
Using Express to Render a Website with Live API DataLecture18.7
-
Using Body Parser to Parse POST Requests to the ServerLecture18.8
-
The Mailchimp API – What You’ll MakeLecture18.9
-
Setting Up the Sign Up PageLecture18.10
-
Posting Data to Mailchimp’s Servers via their APILecture18.11
-
Adding Success and Failure PagesLecture18.12
-
Deploying Your Server with HerokuLecture18.13
-
-
Git, Github and Version Control
7-
Introduction to Version Control and GitLecture19.1
-
Version Control Using Git and the Command LineLecture19.2
-
GitHub and Remote RepositoriesLecture19.3
-
GitignoreLecture19.4
-
CloningLecture19.5
-
Branching and MergingLecture19.6
-
Forking and Pull RequestsLecture19.7
-
-
EJS
9-
A To Do listLecture20.1
-
Templates? Why Do We Need Templates?Lecture20.2
-
Creating Your First EJS TemplatesLecture20.3
-
Running Code Inside the EJS TemplateLecture20.4
-
Passing Data from Your Webpage to Your ServerLecture20.5
-
The Concept of Scope in the Context of JavascriptLecture20.6
-
Adding Pre-Made CSS Stylesheets to Your WebsiteLecture20.7
-
Understanding Templating vs. LayoutsLecture20.8
-
Understanding Node Module Exports: How to Pass Functions and Data between FilesLecture20.9
-
-
Additional Excercise - Blog Website
1-
Setting Up the Blog ProjectLecture21.1
-
-
Databases
1-
SQL vs NOSQLLecture22.1
-
-
SQL
5-
SQL Commands: CREATE Table and INSERT DataLecture23.1
-
SQL Commands: READ, SELECT, and WHERELecture23.2
-
Updating Single Values and Adding Columns in SQLLecture23.3
-
SQL Commands: DELETELecture23.4
-
Understanding SQL Relationships, Foreign Keys and Inner JoinsLecture23.5
-
-
MongoDB
8-
Installing MongoDB on MacLecture24.1
-
Installing MongoDB on WindowsLecture24.2
-
MongoDB CRUD Operations in the Shell: CreateLecture24.3
-
MongoDB CRUD Operations in the Shell: Reading & QueriesLecture24.4
-
MongoDB CRUD Operations in the Shell: UpdateLecture24.5
-
MongoDB CRUD Operations in the Shell: DeleteLecture24.6
-
Relationships in MongoDBLecture24.7
-
Working with The Native MongoDB DriverLecture24.8
-
-
Mongoose
5-
Introduction to MongooseLecture25.1
-
Reading from Your Database with MongooseLecture25.2
-
Data Validation with MongooseLecture25.3
-
Updating and Deleting Data Using MongooseLecture25.4
-
Establishing Relationships and Embedding Documents using MongooseLecture25.5
-
-
Putting Everything Together
7-
Let’s take the ToDoList Project to the Next Level and Connect it with MongooseLecture26.1
-
Rendering Database Items in the ToDoList AppLecture26.2
-
Adding New Items to our ToDoList DatabaseLecture26.3
-
Deleting Items from our ToDoList DatabaseLecture26.4
-
Creating Custom Lists using Express Route ParametersLecture26.5
-
Adding New Items to the Custom ToDo ListsLecture26.6
-
Revisiting Lodash and Deleting Items from Custom ToDo ListsLecture26.7
-
-
Deploying your Web Application
3-
How to Deploy Web Apps with a DatabaseLecture27.1
-
How to Setup MongoDB AtlasLecture27.2
-
Deploying an App with a Database to HerokuLecture27.3
-
-
RESTful API
12-
What is REST?Lecture28.1
-
Creating a Database with Robo 3TLecture28.2
-
Set Up Server ChallengeLecture28.3
-
Set Up Server SolutionLecture28.4
-
GET All ArticlesLecture28.5
-
POST a New ArticleLecture28.6
-
DELTE All ArticlesLecture28.7
-
Chained Route Handlers Using ExpressLecture28.8
-
GET a Specific ArticleLecture28.9
-
PUT a Specific ArticleLecture28.10
-
PATCH a Specific ArticleLecture28.11
-
DELETE a Specific ArticleLecture28.12
-
-
Authentication and Security
12-
Introduction to AuthenticationLecture29.1
-
Getting Set UpLecture29.2
-
Level 1 – Register Users with Username and PasswordLecture29.3
-
Level 2 – Database EncryptionLecture29.4
-
Using Environment Variables to Keep Secrets SafeLecture29.5
-
Level 3 – Hashing PasswordsLecture29.6
-
Hacking 101 ☣️Lecture29.7
-
Level 4 – Salting and Hashing Passwords with bcryptLecture29.8
-
What are Cookies and Sessions?Lecture29.9
-
Using Passport.js to Add Cookies and SessionsLecture29.10
-
Level 6 – OAuth 2.0 & How to Implement Sign In with GoogleLecture29.11
-
Finishing Up the App – Letting Users Submit SecretsLecture29.12
-
-
React.js
44-
What is React?Lecture30.1
-
What we will make in this React moduleLecture30.2
-
Introduction to Code Sandbox and the Structure of the ModuleLecture30.3
-
Introduction to JSX and BabelLecture30.4
-
JSX Code PracticeLecture30.5
-
Javascript Expressions in JSX & ES6 Template LiteralsLecture30.6
-
Javascript Expressions in JSX PracticeLecture30.7
-
JSX Attributes & Styling React ElementsLecture30.8
-
Inline Styling for React ElementsLecture30.9
-
React Styling PracticeLecture30.10
-
React ComponentsLecture30.11
-
React Components PracticeLecture30.12
-
Javascript ES6 – Import, Export and ModulesLecture30.13
-
Javascript ES6 Import, Export and Modules PracticeLecture30.14
-
[Windows] Local Environment Setup for React DevelopmentLecture30.15
-
[Mac] Local Environment Setup for React DevelopmentLecture30.16
-
Keeper App Project – Part 1 ChallengeLecture30.17
-
Keeper App Part 1 SolutionLecture30.18
-
React PropsLecture30.19
-
React Props PracticeLecture30.20
-
React DevToolsLecture30.21
-
Mapping Data to ComponentsLecture30.22
-
Mapping Data to Components PracticeLecture30.23
-
Javascript ES6 Map/Filter/ReduceLecture30.24
-
Javascript ES6 Arrow functionsLecture30.25
-
Keeper App Project – Part 2Lecture30.26
-
React Conditional Rendering with the Ternary Operator & AND OperatorLecture30.27
-
Conditional Rendering PracticeLecture30.28
-
State in React – Declarative vs. Imperative ProgrammingLecture30.29
-
React Hooks – useStateLecture30.30
-
useState Hook PracticeLecture30.31
-
Javascript ES6 Object & Array DestructuringLecture30.32
-
Javascript ES6 Destructuring Challenge SolutionLecture30.33
-
Event Handling in ReactLecture30.34
-
React FormsLecture30.35
-
Class Components vs. Functional ComponentsLecture30.36
-
Changing Complex StateLecture30.37
-
Changing Complex State PracticeLecture30.38
-
Javascript ES6 Spread OperatorLecture30.39
-
Javascript ES6 Spread Operator PracticeLecture30.40
-
Managing a Component TreeLecture30.41
-
Managing a Component Tree PracticeLecture30.42
-
Keeper App Project – Part 3Lecture30.43
-
React Dependencies & Styling the Keeper AppLecture30.44
-
-
Conclusion
3-
How to Soak in Programming Concepts and more…Lecture31.1
-
How to Start Freelancing and more…Lecture31.2
-
ConclusionLecture31.3
-
This content is protected, please login and enroll course to view this content!
Prev
HTML Divs
Next
CSS Display Property
