1. Hyper Text Markup Language (HTML5)
»Course Overview
»Getting Started with HTML
»Meta Data in HTML
»Text Fundamentals
»HTML Hyperlinks
»Website Structuring
»Images in HTML
»Responsive Images
»HTML Tables
»HTML Forms
2. Formatting Text
»Syntax of HTML elements
»Paragraph
»Headlines
»Bold and Italics
»Lists
»Quotes
»Date and Times
»And more
3. Understating the power of html
»Debugging HTML
»HTML Attributes
»Formatting HTML
4. Linking and navigation
»Links
»URL paths
»Navigation
5. Images and Graphics
»Images
»Image Formats
»Responsive Image
6. Media
»Audio
»Video
»Embedding other media through iframes
»Embedding Youtube Videos
7. Forms and Interactive elements
»HTML form basics
»More on forms
»Putting it all together
8. Cascading Style Sheets (CSS3)
»Introduction to CSS
»Types of CSS
»CSS Syntax
»CSS Selectors
»CSS Text Styling
»Flex Layout
»Grid Layout
»CSS Positioning
9. Core concepts
»CSS syntax and terminology
»Values and units
»Color and property values
»Universal Selectors
»Class and ID selectors
10. Box Model
»Introduction to box model
»Inline, block and display
»The box model properties
»Debugging and Box model
»Padding, margin and border
11. Typography
»Font-weight and font-style
»Google fonts
»Font-family
»Font-size property
»Text-decoration
»Text-align
»Letter-spacing
12. Floats and Positions
»Floats and clear Properties
»Collapsed container
»Positions and z-index
13. Flexbox
»Flexbox concept and terminology
»Flexbox Container
»Main axis and Cross Axis
»Positioning items
14. Grid
»Grid concept and terminology
»Defining a Grid
»Setting grid rows
»Grid placement properties
15. Advanced selectors
»Introduction to selectors
»Combinators
16. GreenSock
»Introduction to Greensock
17. Fluid and Responsive layouts
»Introduction to responsive design
»Flexible background images
»Intro Media queries
»Media queries widths and breakpoints
18. Bootstrap Framework
»What is a Framework?
»Bootstrap Grid Layout
»Images
»Tables
»Figures
»Introduction to Components
»Buttons
»Card
»Carousal
»Jumbotron
»Modals
»Navbar
»Pagination
»Alerts
19. Git client with Github
»Environment Setup
»Creating Git
»Push
»Pull
»Review changes
»Branches
20. JavaScript
»Introduction to JavaScript
»Variables &
» DataTypes JavaScript
»Operators
»Conditionls and Loops
»Functions
»Object Oriented Programming (oops)
»Arrays
»Date
» Math Objects
»DOM & Events
21. Up and running with js
»JavaScript in browser
»JavaScript as an external file
22. Data Types and Operators
»Primitive data type
»Non-primitive data types
»Manipulating strings
23. Conditional statements and Loops
»If, else and elseif conditions
»Different types of for loops
»While loop
»Do while loop
24. Functions and Methods
»Function Basics
»Function Expression
»Function parameters
»Scope of function
25. Arrays
»Accessing and Manipulating array
»Array for each method
26. Asynchronous JS
»Async and await
»Promises
27. Exception handling
»Error handling in async and sync code
»Error handling in Promise
28. DOM
»Object methods and properties
»Standard built-in objects
»Document Object Modal
»Styling DOM elements
»Detecting button clicks
»Working on event listeners
»Showing and hiding DOM elements
29. Browser Fetch API
»Web API json introduction
»Json encoding and decoding
»Understanding HTTP methods (GET, POST, PUT etc.)
»Understanding HTTP status codes (200, 404, 201...etc.)
»Make http request fetch api
30. ECMAScript 6
»Introduction
»ES6 Variables & Strings
»Loops & Functions
»ES6 Objects
»ES6 Destructuring
»Rest & Spread
»ES6 Classes
»ES6 Maps & Set
»Promises
»Iterators & Generators
31. REACT
»Getting Started
»What is react js
32. JSX (jsx vs js)
»What is jsx?
»Jsx elements
»Attributes in jsx
»Nested jsx
»Jsx outer elements
»Rendering JSX
»Virtual DOM
33. The road to hello world
»Creating our first react application
34. React Components
»Import ReactDOM
»Function bases components
»Rendering Components
»Passing data to components
»Components Interacting
»Rendering list of components
»Building Reusable components
35. Lifecyle methods
»What is component lifecycle is?
»Initialization
»Mounting
»Updating
»Unmounting
36. Hooks
»What is hooks in react?
»Component lifecycle with hooks
»useEffect
»useState
»useMemo
»useReducer
»useContext
»And more hooks....
37. Handling Form state
»Handling form state using hooks
»Handling form submitting
38. Managing State
»What is state?
»Rendering components on state change
»Sharing state among different Componentes
»Passing state to deep nested components
»Third party modules for state management
39. React Router
»What is react-router?
»React-router documentation
»BowserRouter and Route
»Link
»Url query string
»Route render methods
»Authenticated routes
»Navigation with state
40. Redux
»Base introduction
»State management using redux
»Connecting components to the redux store
»Implementing connect
»Using redux-toolkit
41. What exactly TypeScript is
»Base Introduction to typescript
»Difference between typescript and javascript
42. Node
»Introduction to Node
»What is nodejs
»Why you should use nodejs
43. Create our own server
»Hello NodeJS
»Spinning up simple node server
»Understanding request and response
»Serving up html and json
»Serving up static assets
44. Express and EJS
»Base introduction to NodeJS
»Simple express server
»Serving static file and assets
»Request and response
»Routing
»Router parameters and quires
45. Middleware
»What is middleware?
»Route-level app.use
»next() and control with next
»Open-source middlewares
»Error handling in middleware
46. Files and Streams
»What is stream and why
»Writing to a stream
»Reading from a stream
»Piping stream
47. Error handling and Debugging
»What is error handling in NodeJS
»Types of errors
»Operational errors vs. programmer errors
48. Sync and Async
»Synchronous
»Asynchronous
»Event loop and async control flow
49. REST API
»What is RESTAPI
»Principles of REST
»Json
»Sending json responses
»CRUD operations using RESTAPI
50. Database
»Understanding Databases
»Getting Started with MongoDB
»Documents and Collections
»Querying
»Data and Schema Modal
»CRUD operations on DB
51. Authentication and Authorization
»Different types of authentications
»Sessions and Cookies
»Using third party modules for authentication
»Passport js
»JWT
52. Socket.io
»Introduction to Socket.io
53. AWS
»Introduction to AWS
54. Node Js
»What is a NodeJs?
»Setting Up Environment
»Node Globals
»Standard Input/Output
»Call backs
»setTimeout
»setInterval
»File operation
»Child Process
55. Web Server
»Introduction To Servers
»Review of Clients
» Servers and Protocols
»HTTP and Response Codes
»Building a Server with HTTPBaseServer
»Running a Web Server
»Port Forwarding
»Responding to Multiple GET Requests
56. Sql Alchemy
»Getting Started
»Environment Setup
»Databases &
» Collections
»Databases &
» Collections
»Data Modelling Introduction
»Validation
»MongoDB Transactions
»Indexing
»Aggregation
»Replication
»Sharding
»Storage
57. Flask
»Environment Setup
»Routing
»Request Methods
»URL Building
»Templates
»Form Requests & Redirects
»Message Flashing
»Cookies &
» Sessions
»Tracking User
»Login
»CRUD
»Error Handling
58. Jquery
»What is Jquery & why it's needed?
»Jquery selector
»Each
»Toggle HTML & CSS
»Pulling Html
» Text & Values
»Adding & Removing DOM Elements
»Adding Event Listners
59. AJAX
»What is AJAX?
»Client Server Demonstration with Facebook Network Requests
»Necessary components of an AJAX request
»API
»Requests with jQuery
»CORS
»Error Handling with JSON P
»Debugging
»Speeding up the First Render
60. Authentication and Authorization
»Authentication vs Authorization
»Third Party Authentication
»OAuth2
»Google Auth for server side apps
»GConnect
»Disconnect
»Protecting Pages
61. Facebook and other providers
»Adding Additional OAuth Providers
»Registering your App with Facebook
»Client-Side Login with Facebook SDK
»Exploring other OAuth2.0 Providers
»Implementing a Local Permission System
62. RESTful APIs
»Web API Protocols
»XML vs JSON
»REST Constraints
»Why Stateless?
»Accessing Published APIs
»API Endpoints with Flask
»Respond to Different Kinds of Requests
»Serializing Data from the Database
»Adding Users and Logins
»JWT Authentication
63. React Fundamentals
»Introduction
»Compositions
»Declarative Code
»Unidirectional Data Flow
»Create React App
»Project: - Starting the project
64. React - Rendering UI
»Rendering UI
»Creating Elements
»JSX
»Class Components
»Functional Components
65. React - State Management
»Props
»constructor
»Get state
»Set state
»PropTypes
»Controlled Types
»Project: - Finalizing the UI
66. Industry Based Projects
»Create a React application from scratch and utilize React components to manage the user interface. Youll create a virtual bookcase to store your books and track what you're reading. Using the provided Books API, youll search for books and add them to a bookshelf as a React component. Use React's setState to build the functionality to move books from one shelf to another.
»2. Dynamic Survey App: React-Redux Project
»Leverage the strengths of Redux to build a "Would You Rather" application where users are given questions and must choose one of them. Youll build this dynamic application from scratch while combining the state management features of Redux and component model of React. When complete, youll be able to create your own sets of questions, choose between them, and keep track of question popularity.
»3. Mobile Flashcards: React Native
»In this project, you'll use React Native to build a mobile flashcard app. Users will not only be able to create custom cards and decks, but theyll also be able to set up notifications to remind them to study. Youll leverage React Native components, AsyncStorage, proper styling, as well as device APIs to create a fully dynamic experience.