Includes
-
Duration: 1 month 26 days
-
Chapters: 332
-
Total Hours: 55:52
Features
Full lifetime access
Access on mobile
Assignments
Certificate of Completion
Overview
Course Description
What you'll learn
- You will have a basic understanding of HTML
- We will improve our knowledge step by step by learning the basics of CSS
- We will learn to place pages in the easiest way by talking about all layout models in CSS
- Create a beautiful, responsive landing page for any one
- It will be much easier to prepare web pages with Grid CSS and Flexbox features
- What is conditional statements (if else, switch case, ternary operator), how to use
- What is loops (for loops, while loops, continue and break statements), how to use them
- How to write Functions, what are the differences between Function Decleration and Function Expression
- How to create Arrays, Array methods (push, pop, shift, unshift ...), Array iteration
- How to create objects, how to update them, object methods
- You will learn to use basic tags which are used commonly
- Learn the difference in usage between block level and inline elements in HTML
- By learning the use of HTML table, you will be able to create different designs of your own
- Dive into Nodejs, learn rapidy growing web server technology, Nodejs & understand how NodeJS works with Node course!
- By learning growing web server technology, Nodejs, you can improve your skills, get a new job and you can build powerful, robust web applications.
- Learn the key concepts of the NodeJS
- Learn to create servers, and understand how it works
- Understand and use the Event Emitter
- Understand Buffers, Streams, and Pipes
- Learn routing with NodeJS
- Learn the most used, open-source document database, and NoSQL database aka MongoDB
- Install MongoDB
- Logic behind the MongoDB data storage
- The most popular Object Data Modeling Library for MongoDB, Mongoose JS
- Learn to execute CRUD - write queries to create, read, update and delete operations
- Understand terminal commands for managing the database
- Advanced Features of MongooseJS
- The best testing framework for NodeJS, Mocha
- Learn how easy to use MongoDB
- How to create objects, how to update them, object methods
- CSS or Cascading Style Sheets is a style sheet language used to style markup language.
- HTML is a formatting language, not a programming language. Javascript is often necessary to make HTML “dynamic.
- JavaScript is one of the most ubiquitous programming languages on the planet, mostly because it's the backbone of interactive web applications
- Full stack web development with javascript, html, css, nodejs and mongodb
- Web development is a broad description of the tasks and technologies that go into creating a website.
- Some web developers will obtain a degree or certification in the field.
- Front end web development with javascript, html css
- Each aspect of creating websites and applications entails a unique set of skills.
- Web development is a broad description of the tasks and technologies that go into creating a website.
- JavaScript is one of the most ubiquitous programming languages on the planet, mostly because it's the backbone of interactive web applications.
- JavaScript is a curly-braced, dynamically typed, prototype-based, object-oriented programming language
- JavaScript is the programming language that allows users to interact with the websites that they're visiting making it very important language for web developer
- JavaScript is a text-based programming language used for client- and server-side development.
- Choosing the best JavaScript framework for your web project depends on what you are looking for.
- HTML, or hypertext markup language, is computer code used to create web pages and emails. Web developers, email marketers, web writers, and many others use HTML
- HTML is a formatting language, not a programming language. Javascript is often necessary to make HTML “dynamic.
- HTML is not considered a programming language but rather a markup or formatting language.
- Bootstrap is a free frontend web development framework for creating responsive websites.
- Google Flutter offers developers a UI toolkit that has some similarities to React Native.
- Learning Nodejs is a great way to get into backend web development, or expand your fullstack development practice
What you'll learn
- Become A Web Designer & Developer
Requirements
- Innovative and Creative Ideas
- Basic Knowledge of Computer
Course Content
332 Lessons | 55:52 Total hours
Learn Basic Of HTML & CSS
-
Learn Basic Of HTML & CSS Overview 00:00:54 -
HTML Element 00:03:55
-
HTML Paragraph 00:06:36
-
List and Table 00:07:36
-
Links & Images 00:06:28
-
CSS Styles 00:06:20
-
IDS & Classes 00:04:37
-
The Box Model 00:05:21
-
Learn Basic Of HTML & CSS Section Summary 00:00:47
-
BirdSquawk Events 00:03:37
-
Styling Profile Page User Section 00:06:37
Learn HTML 5
-
HTML 5 Tour of vs Code 00:11:24
-
Begin Coding in Html 00:15:41
-
Links & Navigation 00:15:51
-
HTML Images 00:09:55
-
Introduction To HTML5 00:14:15
-
Connect Css File And Target Html Element 00:12:32
-
Css Borders, Margins And Padding 00:10:03
-
Styling The Nav Bar 00:13:39
-
Styling Images 00:14:52
-
Intro To Flexbox 00:16:54
-
Flex Box Part-2 00:10:13
-
Intro To CSS Animations 00:16:58
-
Intro To CSS Animations Part-02 00:16:39
-
Position Property and Background Images 00:10:22
-
HTML Forms 00:16:27
-
Intro To Materialize 00:16:56
-
Materialize Part-02 00:20:19
-
Intro To CSS Grid 00:15:52
-
CSS Grid Part-02 00:20:00
-
Git and Github 00:20:10
-
Deploy with Netlify 00:16:22
-
Portfolio Project 00:24:14
-
JavaScript Introduction 00:18:50
-
JavaScript Part-2 00:20:34
-
JavaScript Coding Practice Part-1 00:17:27
-
JavaScript Coding Practice part 2 00:20:34
Learn Bootstrap
-
Learn BootStrap Section Overview 00:00:26
-
BootStrap Grids 00:08:56
-
Buttons and Alerts 00:05:53
-
Cards 00:06:41
-
Navs and Dropdowns 00:06:51
-
learn Bootstrap Section Summary 00:00:31
Learn JavaScript
-
Learn JavaScript Section Overview 00:00:32
-
JavaScript 00:08:37
-
Variables 00:04:49
-
If Statements 00:05:53
-
Arrays and Strings 00:09:12
-
Adding HTML To Pages 00:05:54
-
Forms And Input 00:06:15
-
Learn JavaScript Section Summary 00:00:39
-
Loops 00:07:39
Data Structures, Full Stack Development
-
Palindrome Hints 00:05:28
-
Tree Size Leaves Solution 00:03:55
-
Tree Size Leaves Challenge 00:01:27
-
Tree Contains Solution 00:04:23
-
Tree Contains Challenge 00:00:42
-
Tree Sum Solution 00:05:02
-
Tree Sum Challenge 00:02:43
-
Iterating Over Trees 00:19:17
-
Intro to Trees 00:03:47
-
Palindrome Bonus 00:08:05
-
Palindrome Solution 00:09:23
-
Tree Min Max Height Challenge 00:03:04
-
Palindrome Challenge 00:03:42
-
Recursive Fibonacci 00:27:01
-
Intro to Recursion 00:27:41
-
Intro to Queues 00:08:22
-
Condense Efficient Solution 00:15:56
-
Condense Inefficient Solution 00:13:35
-
Balance Solution 00:08:35
-
Paren Bracket Curly Balance Challenge 00:04:44
-
Balance Parenthesis Solution 00:07:26
-
Balance Parenthesis Challenge 00:06:30
-
Josephus Solution 00:11:22
-
Breadth First and Depth First Traversals 00:13:57
-
Coding a Graph Class 00:09:26
-
Intro to Graphs 00:11:59
-
Coding Linked List Collisions 00:08:05
-
Handling Collisions by Chaining Linked Lists 00:03:15
-
Handling Collisions with Linear Probing 00:25:54
-
Intro to Hash Maps 00:10:35
-
Native js Arrays Stacks and Queues 00:08:56
-
Sieve of Eratosthenes Solution 00:06:38
-
Sieve of Eratosthenes Challenge 00:07:28
-
Stack out of Array 00:07:01
-
Josephus Challenge 00:05:04
-
Implementing a Queue 00:10:21
-
Morse Code Solution 00:10:35
-
Morse Code Challenge 00:04:42
-
Unbalanced Binary Search Trees 00:08:00
-
Binary Search Tree Contains Solution 00:05:39
-
Binay Search Tree Contains Challenge 00:01:24
-
Binary Search Tree Add 00:16:19
-
Binary Search Trees 00:12:24
-
Tree Min Max Height Solution 00:11:25
-
Minesweeper Challenge 00:06:55
-
List Get and Set 00:03:29
-
List Contains Solution 00:02:44
-
List Contains Challenge 00:02:43
-
Implement List Insert 00:06:20
-
Implementing List Remove 00:13:59
-
Implementing List Push and Grow 00:20:40
-
Lists Out of Arrays 00:16:14
-
Tally Sort Solution 00:15:17
-
Tally Sort Challenge 00:09:43
-
Minesweeper Solution 00:10:39
-
Concat Challenge 00:02:53
-
2d Bounds Checking 00:28:28
-
Iterating Over 2d Arrays 00:05:21
-
2d Arrays 00:09:34
-
Array Functions 00:09:11
-
Sorted Solution 00:10:21
-
Shorted Challenge 00:02:00
-
Searching Arrays 00:10:09
-
Pairwise Array Comparisons 00:16:03
-
Common Array Iterations 00:24:45
-
Arrays Vs Lists 00:04:28
-
Linked List Manipulation Challenge 00:16:25
-
Stack out of Linked List 00:05:46
-
Stack Implementations 00:04:10
-
Intro To Stacks 00:06:26
-
Prefer Manipulating Pointers to Copying Data 00:08:22
-
Summarizing Arrays vs Linked Lists 00:06:54
-
Add at Index 00:11:21
-
Remove at Index 00:22:18
-
Get at Index 00:09:01
-
Linked List Class 00:13:38
-
Linked List Manipulation Solution 00:16:31
-
Learn Introduction To Data Structures 00:01:07
-
Coding Linked Lists 00:13:01
-
Linked Lists 00:08:54
-
Big o Solution 00:03:33
-
Big o Challenge 00:00:26
-
No Constants- n Big o Notation 00:05:05
-
Timing Big o of one Versus n Versus n Squared 00:08:07
-
Big o of n Squared 00:11:22
-
Introduction to Big O Notation 00:13:42
-
Concat Solution 00:05:30
Learn basics of Node and Express
-
Learn basics of Node and Express Section Overview 00:00:30
-
File Server 00:06:47
-
URL Parsing 00:08:43
-
NPM and Express 00:04:41
-
Express GET Requests 00:04:55
-
Postman 00:04:04
-
Path Variables 00:04:42
-
Post Requests 00:10:12
-
Get For Post 00:04:50
-
Learn basics of Node and Express Section Summary 00:00:36
Master React and Restful APIs
-
Learn Master React and Restful APIs Section Overview 00:00:50
-
Introduction To React 00:07:03
-
React Components 00:08:11
-
React Props 00:02:50
-
React Arrays 00:04:36
-
Hooks And States 00:06:04
-
Use Effect 00:02:29
-
React Post 00:09:33
-
Learn basics of Node and Express Section Summary 00:00:48
React Fundamentals
-
Getting API Keys 00:03:37
-
Adding A Home Component 00:03:39
-
Adding An About Component 00:01:44
-
Installing a React Router 00:01:40
-
Using The Browser Router Component 00:05:17
-
React Based Links 00:03:17
-
The Hero component 00:03:44
-
Component Props 00:02:39
-
Adding Generic Content 00:03:55
-
Adding A Search Component 00:01:52
-
Search Component Props 00:08:48
-
Binding Key Up Events 00:07:52
-
Adding a Navbar Component 00:09:58
-
React Based API Requests 00:05:32
-
React Browser History 00:01:50
-
Mapping Search Results 00:04:49
-
Bootstrap 5 Search Results 00:08:41
-
Movie Detail Component 00:11:23
-
Loading Sate 00:03:39
-
Movie Component API 00:04:34
-
Adding A Backdrop Using CSS 00:06:07
-
Your Project-2 00:03:45
-
Learn react fundamentals Section Overview 00:01:17
-
How To Store Data Using React State 00:00:22
-
Installing Node.js and NPM 00:03:49
-
Starting a New Project 00:04:46
-
React.js Syntax 00:04:56
-
Importing Components 00:03:13
-
JSX Syntax 00:06:14
-
Your First Component 00:05:28
-
Working With Props 00:04:21
-
Adding State To Our React Components 00:07:02
-
Star Wars Component 00:03:42
-
Another React.js Click Event 00:01:22
-
Welcome To React.js For Beginners 00:01:54
-
If Conditions In React 00:02:42
-
Your first React-Based API Request 00:04:19
-
Randomizing Characters 00:03:00
-
Creating Links From Text in React 00:01:43
-
How To Loop Through Arrays in React 00:08:33
-
Your Project 00:03:24
-
Welcome To Intermediate React 00:02:13
-
Creating a New React App 00:02:53
-
Code Cleanup 00:01:23
-
Installing Bootstrap 5 00:01:52
Microservices using NodeJS
-
Event Handling with RabbitMQ Section Summary 00:03:04
-
Server Side Rendering 00:04:09
-
Server Side Rendering 00:04:09
-
Installing Skaffold 00:07:16
-
Create the React Front-End Section Summary 00:01:20
-
Event Handling with RabbitMQ Section Overview 00:03:15
-
Concurrency Problems 00:05:18
-
Set Up RabbitMQ 00:05:32
-
Set Up Ingress Nginx 00:05:17
-
Connecting With Ingress 00:05:22
-
Using RabbitMQ Topics 00:04:17
-
Docker and Kubernetes with Front-end 00:06:59
-
Completing the App Section Overview 00:03:52
-
Connecting the Front-end 00:05:44
-
Bird Squawk Databases 00:07:39
-
Bird Squawk Databases 00:07:39
-
Update Peeps and Query 00:07:34
-
Update Kubernetes 00:07:27
-
Implementing RabbitMQ 00:10:56
-
Events for Peeps and Query 00:09:43
-
React Components 00:08:11
-
Completing the App Section Summary 00:04:21
-
Microservices in Docker with Kubernetes 00:06:21
-
Create An Example App 00:08:14
-
Create a Microservice 00:09:00
-
Create a Microservice Part-2 00:09:00
-
A sync Events-Based Communication 00:06:16
-
Learn Microservices using Node JS Section Summary 00:01:45
-
Create a Microservices App Section Overview 00:02:16
-
Project Set-Up 00:05:59
-
BirdSquawk Service 00:06:08
-
Peeps Service 00:05:48
-
Communicating Between Pods 00:07:04
-
Microservices VS Monolithic Applications 00:05:00
-
Learn Create a Microservices App Section Summary 00:01:25
-
Using Mongoose and MongoDB Section Overview 00:01:19
-
Install Mongoose in the Bird Squawk Service 00:06:11
-
Add a MongoDB Deployment 00:05:41
-
TypeScript with Mongoose 00:08:12
-
Test the Mongoose Connection 00:06:51
-
Using Mongoose and MongoDB Section Summary 00:02:19
-
Create the React Front-End Section Overview 00:01:12
-
Create Next App 00:05:21
Learn MongoDB and MySQL
-
Learn MongoDB and MySQL Section Overview 00:00:54
-
Relational vs Non-relational databases 00:04:48
-
Creating Tables and Databases 00:08:34
-
Inserts 00:04:21
-
Select and Where 00:06:07
-
Primary and Foreign Keys 00:07:18
-
Joins 00:05:50
-
MongoDB setup 00:04:46
-
Creating a Collection 00:02:51
-
Inserting Data 00:04:56
Building an Instagram Clone using MERN
-
Making Our Application Dynamic Based on User Session Overview 00:00:46
-
Establishing the connection between React JS and Node Express API Section Summary 00:00:46
-
Post Creation By User and Setting Up of Redux with Context API Overview 00:00:47
-
Uploading Post image to Cloud nary 00:05:28
-
Update Frontend And Backend Code For Create Post 00:04:51
-
Create Post Working End To End 00:05:23
-
Improve The Create Post Logic With use Effect Hook 00:02:49
-
Setting up Redux Reducer and Context API 00:09:00
-
Handling user navigation based on user is logged in or not 00:05:01
-
Post creation by user and Setting up of Redux with Context API Section Summary 00:00:47
-
Setting account on Cloud nary 00:01:57
-
Making Menu items Dynamic Based on User Session 00:03:04
-
Showing All Posts On Home Page From API 00:05:54
-
Implementing logout functionality on the frontend 00:03:29
-
Show user name and all posts for logged in user 00:04:59
-
Developing API to delete post by logged in user 00:04:05
-
Delete Post From Frontend 00:06:30
-
Refresh the remaining post instantly after deletion 00:00:47
-
End to end testing of the application 00:01:07
-
Making our application dynamic based on user session summary 00:00:46
-
Develop Create Post Page 00:04:40
-
Updating NavBar With Different Routes 00:01:12
-
Converting a tag to Link tag to avoid page refresh 00:01:41
-
Enable Google Fonts On Our Application 00:01:26
-
Styling the Login Page 00:06:32
-
Styling the Signup Page 00:01:31
-
Styling Profile Page Gallery Section 00:03:30
-
Styling Home Page 00:05:13
-
Learn Working on the React JS Section four summary 00:00:36
-
Learn Establishing the connection between React JS and Node Express API Section Overview 00:00:51
-
Working on the React JS frontend and developing different components and pages 00:00:30
-
Styling Create Post Page 00:03:19
-
Making Backend API Call For User Registration 00:07:13
-
Understanding What is CORS Issue 00:01:50
-
Fixing the CORS Issue in Backend Application 00:01:39
-
Saving New User in The Database 00:02:27
-
Login With Registered User 00:06:04
-
Testing User Login With Valid User 00:01:02
-
Create Post Binding The Input Fields 00:03:44
Full Stack Development
-
Algorithm- part-02 01:20:36
-
Functions, Events, If and Switch part -part-03 00:52:31
-
JS loops, scope, object model and JS DOM- part-01 00:27:32
-
JS loops, scope, object model and JS DOM- part-02 00:52:51
-
Introduction and Advanced ES Concepts – part-01 00:10:11
-
Introduction and Advanced- part-02 00:21:05
-
Introduction and Advanced- part-03 00:37:02
-
JS Data Structure -part-01 00:10:31
-
JS Data Structure -part-02 01:21:52
-
Algorithm- part-01 00:24:40
-
Functions, Events, If and Switch- part-02 00:14:48
-
Git and Github and Project 01:29:00
-
Introduction to react- part-01 00:41:30
-
Introduction to react- part-02 00:36:28
-
React Elements- part-01 00:33:07
-
React Elements- part-02 00:41:47
-
Class and Function based component- part-01 00:29:34
-
Class and Function based- parth-02 00:27:56
-
Learn full stack development Introduction to state 01:19:34
-
Applied CSS – part-02 00:22:06
-
Introduction To HTML Part-02 00:21:28
-
Introduction To HMTL Part-03 00:07:46
-
Introduction to HTML-part- 04 00:10:55
-
Advance HTML- part- 01 00:20:14
-
Advance HTML-part-02 00:21:47
-
Learn Introduction to CSS- part-01 00:10:12
-
Introduction to CSS- part- 02 00:34:14
-
Applied CSS -part-01 00:15:34
-
Learn Introduction To HTML Part-01 00:40:02
-
Applied CSS -part-03 00:32:26
-
CSS intermediate -part-01 00:41:46
-
CSS intermediate – part-02 00:50:21
-
CSS advanced -part-01 00:33:27
-
CSS advanced -part-02 01:07:13
-
Data types, variables, operators and math objects- part-01 00:08:38
-
Data types, variables, operators and math objects- part-02 00:37:19
-
Functions, Events, If and Switch -part-01 00:15:29