Course Content
Introduction to Some JavaScript Frameworks
0/6
Introduction
01:50
What is JavaScript
02:38
What is React.JS
03:12
What is Angular.js
02:31
What is Node.js
03:01
What is Express.js
01:30
introduction to HTML
0/16
What is HTML
02:36
Text Editors
07:17
Planning a website build
01:44
Choosing assets
04:07
Creating folder structure
09:17
Anatomy of HTML Element
03:10
Basic structure of HTML Document
09:17
Creating HTML Document
09:17
Creating HTML Document Structure – Part 1
06:03
Creating HTML Document -Part 2
06:50
Creating HTML Document Structure – Part 3
10:40
The source code
06:06
HTML Attriutes
06:09
Marking Up Text
08:22
Creating Links
07:53
Adding comments
04:18
Introduction to CSS
0/14
What is CSS
06:05
Ways of applying CSS
11:10
Adding style to multiple properties
02:38
Styling multiple elements.
02:58
How to modify CSS
05:00
CSS Selectors
09:19
CSS Comments
04:58
CSS Box Model.
03:50
CSS Margin and Padding
10:49
032 Changing background color
04:13
Using CSS Border Property
07:12
Positioning and Styling.
06:55
Using CSS Display Property
07:50
Using Google fonts
06:38
JavaScript Basics
0/15
JavaScript Syntax
03:05
JavaScript Variables
08:17
Variable naming convention
03:47
Data Types
10:58
Using Operators
01:22
Arithmetic Operators
06:43
Assignment Operators
03:56
Operator precedence
04:34
String operators
04:28
Comparison operators
07:35
Logical operators
03:46
Arrays
07:49
Conditional Statements
06:24
Functions
08:22
Code comments
03:09
Getting Started with Node.js
0/14
Installing Node.js
04:31
Npm
05:00
Installing sublimetext editor
04:18
NPM Commands
03:24
Global Objects
02:43
Asynchronous vs Synchronous
10:50
Asynchronous vs Synchronous EventListeners
04:10
Event and Emitters
04:05
Example Event Emiter
04:21
Callbacks
06:20
Components of Node.js Application
07:40
Creating your first Node.js Application
11:25
Modules and Packages
11:10
Installing and using third-party packages
10:43
Using Express.js
0/13
Installing Express.js
07:06
Creating a Simple Express App
09:21
Express Application Generator
06:16
Creating an App with Express Generator
09:37
Package.json
08:40
Understanding Apps.js
10:22
Editing Dependencies
06:13
Using Templates Engines with Express
01:06
Starting Nodes Server
03:33
Stopping The Nodes Server
01:23
What is Routing
03:32
How Routing Works
07:06
Cloning Routing Functions
12:20
Using the FS Module
0/12
What is the FS Module
04:46
Reading files
12:45
Listing files
06:44
Writing files
07:20
Appending files
05:39
Creating Directories
06:38
Renaming Directories
04:51
Deleting files
06:42
What Are Streams
01:38
Reading From Streams
09:26
Piping Streams
09:10
Writing to Streams
06:40
Project Creating a Node.js Chat Application
0/9
Creating a Package.json File
06:18
Installing Web Framework
03:14
Creating The App Engine
10:18
Refactoring the Route Handler
03:23
Creating The View
05:46
Integrating Socket.io
08:03
Editing Index.html
05:50
Emitting Events
13:03
Broadcasting From The Server
11:20
Deploying project to internet via Heroku
0/6
What is Heroku
01:43
Creating Heroku User Account
02:52
Installing Heroku CLI
04:26
Editing Index.js
05:13
Initializing Git and Deploying App
08:30
Challenges
02:56
Getting Started with Angular.js
0/29
Angular Terminology
04:01
MVC Architecture
03:15
What is MV
04:27
Installing Angular CLI
04:22
What is Git
04:09
Installing Git
06:02
Configuring Git
06:12
Using Git-Help
04:07
What is Github
02:21
Create GitHub Account
03:15
Create A New Angular Project
04:08
Components
09:23
Components Part 2
05:23
Templates
04:28
Defining External Templates
02:16
Using Interpolation
04:50
Using NG For Directives
04:59
Using Conditional Statements
08:00
Property Binding
05:23
Event Binding
10:41
Defining CSS
06:54
CSS Class Binding
10:02
Creating a Service
05:54
Using a Service
04:51
Using Services in Components
08:57
Setting Up Animations
03:39
Activating Animation Component
05:39
Animating States and Styles
08:16
Attaching Animation to Templates
11:29
Project Create ChatApp with Angular and Firebase
0/24
What We Will Create
02:33
What is Firebase
01:31
Firebase Free Plan
02:00
Create a New Firebase Project
05:24
Setup Authentication Method
03:40
Setup Firebase Database Rules
03:49
Create a New Angular App
04:44
Install Project Dependencies
03:52
Starting Server and Testing App
06:44
Installing Angularfire2
02:58
Adding Firebase Project Settings
06:01
Creating a Chat Component
06:00
Adding Dependency Injection
07:02
Preparing Component to Display Chats
08:12
Updating The View
09:08
Updating Firebase Database Rules
03:01
Updating The Component Logic
03:43
Testing and Sending Real-time Messages
03:50
Adding CSS
11:05
Deleting Messages
01:52
Requirements For Deployment
02:27
Creating a Production Build
05:49
Deploying Your App For Free
11:06
Tips To Improve App
03:06
Getting started with React.js
0/16
What is React-DOM
01:25
What is Babel
02:51
What is the DOM
04:45
ReactDOM Vs VirtualDOM
03:21
Accessing React via CDN
07:25
Installing and Uninstalling NPM Global Packages
03:39
Installing Create -React-app Tool
03:56
Create a Sample React App
05:12
New React App Folder Structure
11:09
Rendering
06:26
Conditional Rendering
05:29
Installing React Developer Tools
03:50
What Is A Constructor
04:35
What Is A Class
04:40
Arrow Functions
04:14
Const Keyword
04:01
Introduction to JSX
0/8
Introduction to JSX
04:08
What is JSX
06:33
Embedding Expressions in JSX
07:37
Using JSX as an Expression
04:11
Using Child Elements in JSX
03:04
Nesting JSX Elements
06:27
Adding Comments to JSX
03:17
Handling Events
07:52
React Components
0/8
What are Components
04:53
Creating React Components
07:45
Creating a React Component in ES6
06:07
What are PROPS
08:24
What is a State
02:53
Converting a Function to a Class
06:01
Adding a State to a Class
08:07
Component Life Cycle
14:16
React Project Create a Static Tweet Component
0/7
Sketching Your Components
03:23
Creating a New React Project
05:34
Exploring Project Files and Folders
06:34
Modifying Files
08:38
Creating The Avatar Component
06:21
Creating More Components
07:33
Creating Time and Button Components
09:27
Learn React, Node and Angular – JavaScript Developer
About Lesson


Join the conversation
Previous
Next
0% Complete

FOLLOW US ON

@kfprojectsonline

hello@kfprojectsonline.com

WE WOULD LOVE TO HEAR FROM YOU

KF Projects Info-Tech -- Copyright © 2023 - All Rights Reserved

Select your currency
NGN Nigerian naira
USD United States (US) dollar

Hit enter to search or ESC to close