HTML, CSS, JavaScript, ReactJS, NodeJS from Zero to Expert
- Description
- Curriculum
- FAQ
- Reviews
Whether you’re a beginner or an experienced developer looking to expand your skillset, this course provides a solid foundation and hands-on experience in building modern web applications. Note that the production grade application we will create in this course is unlike anything you have ever seen. After learning how to create an application like this, you will be ready to understand and implement top applications used worldwide.
Course Overview:
HTML:
· Learn Hypertext Markup Language (HTML) for structuring web pages.
· Dive into semantic HTML to create well-organized and accessible web content.
· Master HTML5 features for multimedia, forms, and semantic elements and many more.
CSS Styling and Layout:
· Explore Cascading Style Sheets (CSS) for styling and layout design.
· Understand CSS selectors, properties, and units for precise control over styling.
· Dive into responsive design principles and techniques for creating adaptable layouts across devices.
JavaScript
· Learn Modern JavaScript Features.
· Explore functions, scope, and closures for writing modular and reusable code.
· Understand asynchronous programming and the event loop in JavaScript.
· Explore techniques for fetching data from APIs, handling errors, and managing a database code effectively.
· Learn arrow functions, template literals, destructuring, spread/rest operators, and other ES6 features and many more.
· Learn DOM manipulation.
React.js:
· Get introduced to React.js, a powerful JavaScript library for building user interfaces.
· Learn about components, state, redux, and props to create reusable and interactive UI elements.
· Explore React Router for client-side routing and managing navigation in single-page applications.
Node.js Backend Development:
· Learn server-side development with Node.js, a runtime environment for executing JavaScript code.
· Learn about Express.js, a minimalist web framework for Node.js, for building robust and scalable server applications.
· Understand RESTful API design principles and implement CRUD operations for interacting with data.
Database:
· Learn how to create and Interact with databases using MongoDB NoSQL/SQL database.
Security:
· Learn about middleware, authentication,JWT, and security best practices for Node.js applications.
Hands-On Project: Apply your knowledge through a huge production grade project that covers all the tools you need for your portfolio website, instead of creating many useless projects, I will show you how top companies create their applications.
Real-World Examples: Explore real-world examples and case studies to understand how these technologies are used in industry-standard applications.
Expert Guidance: Benefit from guidance and support from a world class experienced instructor who is passionate about web development and committed to your success.
-
1What is HTMLVideo lesson
-
2What is an HTML element?Video lesson
-
3How To Create HTML Files and install VS Code (MAKE SURE TO WATCH THIS VIDEO)Video lesson
Make sure to download settings.txt and open it, copy all its contents and open settings.json in Visual Studio Code and remove all the contents of settings.json and paste the content of settings.txt into settings.json file
-
4VS Code saveVideo lesson
-
5How to add commentsVideo lesson
-
19CSS introductionVideo lesson
-
20A quick note when defining CSS propertiesVideo lesson
-
21commentsVideo lesson
-
22class VS id selectorVideo lesson
-
23id selectorVideo lesson
-
24class selectorVideo lesson
-
25class selector for specific elementVideo lesson
-
26class selector multiple stylesVideo lesson
-
27priority of order in CSS declarationsVideo lesson
-
28combinator selectorsVideo lesson
-
29descendant selectorVideo lesson
-
30child selectorVideo lesson
-
31adjacent sibling selectorVideo lesson
-
32general sibling selectorVideo lesson
-
33pseudo class selector (hover,active,focus,visited ....)Video lesson
-
34pseudo elements selectorVideo lesson
-
35attribute selectorsVideo lesson
-
36bordersVideo lesson
-
47display propertyVideo lesson
-
48flexboxVideo lesson
-
49flexbox flex-direction propertyVideo lesson
-
50flexbox justify-content propertyVideo lesson
-
51flexbox flex-wrap propertyVideo lesson
-
52flexbox align-items propertyVideo lesson
-
53flexbox align-content propertyVideo lesson
-
54how to add space in between flexbox elements using gapVideo lesson
-
55flexbox properties for child elementsVideo lesson
-
56flexbox child element property flex-basisVideo lesson
-
57flexbox child element property flex-growVideo lesson
-
58flexbox child element property flex-shrinkVideo lesson
-
59flexbox child element property align-selfVideo lesson
-
60flexbox child element property orderVideo lesson
-
61grid layoutVideo lesson
-
62grid columnsVideo lesson
-
63grid rowsVideo lesson
-
64grid-column and grid-rowVideo lesson
-
65nesting grid layoutsVideo lesson
-
66grid-template-areasVideo lesson
-
67grid-auto-columns and grid-auto-rowsVideo lesson
-
68align-items and justify-itemsVideo lesson
-
69making grid layout responsive for different screen sizesVideo lesson
-
7012 column grid systemVideo lesson
-
71Width and Height propertiesVideo lesson
-
72position propertyVideo lesson
-
73z-indexVideo lesson
-
74media queriesVideo lesson
-
75transition propertyVideo lesson
-
76translate propertyVideo lesson
-
77transform propertyVideo lesson
-
78center image and block level elements horizontallyVideo lesson
We will center different kinds of items including image, text, element horizontally.
-
79center image horizontally and vertically using position property and translateVideo lesson
This time we do not use flex property to set the elements horizontally and vertically but use a different technique.
-
80line-height properyVideo lesson
-
81vertical-align propertyVideo lesson
-
82opacity propertyVideo lesson
-
83colorsVideo lesson
-
84CSS ProjectVideo lesson
Use winrar free software to extract the cssproject.rar file and get its contents

External Links May Contain Affiliate Links read more