JavaScript complete

Learn [removed] Full-Stack from Scratch

Beginner 3(1 Ratings) 17 Students enrolled English
Created by Bonga Mbunjana
Last updated Wed, 28-Feb-2024
+ View more
Course overview

Learn the incredibly popular and in demand JavaScript language. This course makes no assumptions of prior computer programming experience. We begin with the very basics and slowly but surely work our way up to writing JavaScript code to power every aspect of an application.

There are countless JavaScript courses in the world; here's what makes this one unique:

  • A strong emphasis on the "why" and not just the "how"

  • As few assumptions as possible; it's a pet peeve of mine when instructors assume I know something I don't

  • As few "just download my existing project to get you up and running" moments as possible. It's another pet peeve of mine when instructors have you use an existing solution that just "automagically" works and you miss a potential learning experience of setting it up yourself.  We do copy-and-paste HTML templates (since the focus of the course is not about HTML) but aside from that I explain things from the ground up.

Here's what we'll learn in the course:

  • The JavaScript language itself

  • The Web Browser Environment

  • The Node.js environment

  • The MongoDB environment

  • The Express framework for creating servers

  • User registration & user-generated content

  • Authentication (both stateful with sessions and stateless with JSON Web Tokens)

What will i learn?

  • The JavaScript language itself
  • How to control a database (MongoDB) with JavaScript
  • How to control the Web Browser with JavaScript
  • How to implement user registration, log-in, log-out & user generated content
  • How to setup a server by using Node JS and Express
Requirements
  • No prerequisite knowledge required; the only thing you need is a computer (that you are allowed to install software on) and an internet connection.
Curriculum for this course
89 Lessons 21:01:35 Hours
Welcome To The Course
1 Lessons 00:10:05 Hours
  • Where Do We Began!
    00:10:05
The 10 Days of JavaScript The Language Itself
9 Lessons 02:45:06 Hours
  • Getting started
    00:16:30
  • Functions
    00:19:58
  • Objects
    00:19:43
  • Arrays
    00:19:47
  • Making Decisions
    00:18:36
  • High-Order Functions
    00:18:19
  • Returning vs Mutating
    00:19:38
  • Scope & Context (Part 1)
    00:17:42
  • Scope & Context (Part 2)
    00:14:53
Server Basics
7 Lessons 01:36:29 Hours
  • Why Do We Need A Server?
    00:11:23
  • Node.js Intro
    00:10:21
  • Text Editor Software
    00:10:48
  • Our First Basic Server
    00:19:53
  • Express Intro (Part 1)
    00:10:13
  • Express Intro (Part 2)
    00:19:48
  • What's Next (Big Picture)
    00:14:03
Database Basics
18 Lessons 03:29:56 Hours
  • First Taste of a Database
    00:10:57
  • Note for Advanced Students
    .
  • CRUD: Actually Working With A Database
    00:14:04
  • Initial Setup for App #1
    00:18:02
  • Save Time: Automatic Node App Restarts
    00:09:12
  • Quick Note About MongoDB Warning in Command-Line
    .
  • Connecting Node App to Database
    00:19:52
  • Installing NPM Packages Without Stopping Server/App
    .
  • Reading From a Database
    00:17:24
  • Updating a Database Item (Part 1)
    00:19:58
  • Updating a Database Item (Part 2)
    00:19:59
  • Create New Item Without Page Reload
    00:19:57
  • Deleting a Database Item
    00:12:55
  • Client-Side Rendering
    00:10:17
  • What About Security?
    00:19:59
  • Quick Note for Mac Users
    .
  • Pushing Our App Onto The Internet
    00:17:20
  • Pushing Future Changes To Your Heroku App
    .
User Created Posts
18 Lessons 04:03:50 Hours
  • Letting Users Create Posts (Part 1)
    00:17:31
  • Letting Users Create Posts (Part 2)
    00:12:17
  • Post Model (Part 1)
    00:19:59
  • Post Model (Part 2)
    00:07:16
  • Viewing a Post (Part 1)
    00:07:45
  • Viewing a Post (Part 2)
    00:19:10
  • Performing a Lookup in MongoDB (Part 1)
    00:16:50
  • Performing a Lookup in MongoDB (Part 2)
    00:08:14
  • User Profile Screen
    00:18:10
  • View Posts by Author
    00:19:47
  • Is the Current Visitor the Owner of the Post?
    00:12:53
  • The "Edit" Screen for a Post
    00:08:50
  • Updating Posts in Database (Part 1)
    00:10:51
  • Updating Posts in Database (Part 2)
    00:18:57
  • Miscellaneous Improvements
    00:14:51
  • Markdown: Safe User Generated HTML
    00:16:31
  • Make This Quick Edit To Your Code
    .
  • Let Users Delete a Post
    00:13:58
Live Search Feature
8 Lessons 01:44:05 Hours
  • Staying Organized: Front-End JavaScript
    00:19:57
  • Showing and Hiding Search Overlay
    00:16:54
  • Responding to Key Press Events
    00:19:12
  • Back-End Aspect of Search
    00:18:58
  • Generating HTML for Search Results (Part 1)
    00:10:05
  • Generating HTML for Search Results (Part 2)
    00:10:47
  • Fixing The Month for Post Dates in Search Results
    .
  • Sanitizing User Generated HTML on the Front-End
    00:08:12
Letting Users Follow Each Other
9 Lessons 02:07:51 Hours
  • Letting Users Follow Each Other
    00:12:25
  • Saving a "Follow" Action Into Our Database
    00:12:25
  • Stop Following a User (Part 1)
    00:13:48
  • Stop Following a User (Part 2)
    00:13:16
  • Profile Followers Screen (Part 1)
    00:10:26
  • Profile Followers Screen (Part 2)
    00:15:00
  • Following Screen (Part 1)
    00:13:29
  • Following Screen (Part 2)
    00:17:30
  • Homepage Feed (Posts From Those You Follow)
    00:19:32
Live Chat (Socket.IO)
6 Lessons 01:23:18 Hours
  • Beginning Chat Feature
    00:19:37
  • Socket.IO (Part 1)
    00:10:43
  • Socket.IO (Part 2)
    00:11:42
  • Finishing Chat (Part 1)
    00:13:39
  • Finishing Chat (Part 2)
    00:19:56
  • Quick Misc. Feature: Dynamic Title Tag
    00:07:41
Live Validation From Registration Form
4 Lessons 01:16:09 Hours
  • Live Form Validation (Part 1)
    00:18:41
  • Live Form Validation (Part 2)
    00:18:22
  • Live Form Validation (Part 3)
    00:19:58
  • Live Form Validation (Part 4)
    00:19:08
What Is CSRF? (Security)
2 Lessons 00:33:02 Hours
  • Preventing Cross-Site Request Forgery (CSRF)
    00:19:58
  • Adjusting Our App To Use CSRF Token
    00:13:04
Let's Create an API
4 Lessons 01:04:15 Hours
  • Setting Up The Skeleton for an API
    00:19:41
  • JSON Web Tokens (Part 1)
    00:11:37
  • JSON Web Tokens (Part 2)
    00:13:47
  • Finishing API and Understanding CORS
    00:19:10
Deploying Complex App to Heroku
2 Lessons 00:27:36 Hours
  • Pushing Our Complex App Up Onto The Web
    00:12:11
  • Sending Email From Our App
    00:15:25
Where Do We Go From Here
1 Lessons 00:19:53 Hours
  • Next Steps & Career Advice
    00:19:53
+ View more
Other related courses
05:36:32 Hours
Updated Tue, 13-Jun-2023
0 2 R10000 R3000
11:20:03 Hours
Updated Wed, 07-Jun-2023
5 106 R10000 R5500
06:41:37 Hours
0 0 R10000 R5000
06:55:17 Hours
0 28 R10000 R5000
About instructor

Bonga Mbunjana

21 Reviews | 369 Students | 63 Courses
Student feedback
3
1 Reviews
  • (0)
  • (0)
  • (1)
  • (0)
  • (0)

Reviews

  • Kwezi Mazwi
    sorry i am done with the videos but i havent put the attachments yet but will manage to install the app and do the attachment.
R10000 R5000
Includes:
//send gift when already purchased by user