Completed
Cascading Style Sheets (CSS) - Multi Column Layout - Demo
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Web Programming - HTML, CSS, JavaScript and ReactJS
Automatically move to the next video in the Classroom when playback concludes
- 1 Visual Studio Code - Installation and Demo
- 2 Introduction to HTML - Session 1 - Demo using Visual Studio Code.
- 3 Introduction to HTML - Session 2 - Demo on iframe, video, audio, img , div, form and input tags
- 4 HTML - textarea & file input type - Demo.
- 5 HTML Semantic Elements - header - nav -section - article - footer - Demo
- 6 HTML - Session 3 (colgroup, optgroup, hgroup, datalist, fieldset, meter, details, menu tags)
- 7 CSS Tutorial: Inline, Embedded & External CSS - Web Programming Tutorials
- 8 Cascading Style Sheets - selectors -font &text styling - padding - border - inherit - background
- 9 CSS Units - px, % , em , rem , vw, vh, vmax, vmin, ch, pt, cm ,mm ,in, pc - Demo
- 10 CSS Box Model & Margin - Float - Overflow - Z index - box shadow - display properties
- 11 Cascading Style Sheets (CSS) - Position Property - static, relative, absolute, fixed and sticky
- 12 CSS - Pseudo elements - Demo
- 13 CSS Pseudo-classes Demonstration
- 14 CSS - Combinators - Demo
- 15 Cascading Style Sheets (CSS) - Tables
- 16 Cascading Style Sheets (CSS) - Multi Column Layout - Demo
- 17 CSS Flexbox Tutorial
- 18 CSS Grid Tutorial - Demo and Exercise
- 19 Media Queries in CSS - Demo and Exercise
- 20 Node.js Introduction and Installation
- 21 JavaScript - Variable Declaration - Difference between var, let and const
- 22 Data Types in JavaScript
- 23 JavaScript Operators - Arithmetic , Assignment, Comparison and Logical Operators - Demo
- 24 JavaScript - if , if else and else if Statements - Demo
- 25 Javascript - Switch Case & Nested Switch Case Statements - Demo
- 26 JavaScript - for , for in, for of, while and do while loops - Demo
- 27 NaN in JavaScript
- 28 Objects - Nested Objects - Array of Nested Objects in JavaScript
- 29 JavaScript Symbols
- 30 JavaScript -Arrays - Introduction - Declaration and Accessing Elements
- 31 JavaScript - Array Methods - Basic Methods - Session 1
- 32 JavaScript Array Methods Session 2 - filter, map, forEach, reduce, reduceRight, every, some and sort
- 33 JavaScript - Multidimensional Arrays - Demo
- 34 JavaScript Destructuring
- 35 JavaScript - String Methods - Demo
- 36 JavaScript - Introduction to Functions
- 37 Function Expression in JavaScript
- 38 Arrow Functions in JavaScript
- 39 Callback Functions in JavaScript
- 40 Nested Functions in JavaScript
- 41 JavaScript Date Object
- 42 JavaScript - Document Object Model - Introduction - Session 1
- 43 JavaScript - Introduction to Document Object Model - Session 2
- 44 JavaScript - getElementByID, getElementsByClassName, getElementsByTagName - Demo
- 45 querySelector and querySelectorAll Methods in JavaScript
- 46 JavaScript - createNode() ,createTextNode(), insertBefore(), replaceChild(), remove(), setAttribute
- 47 JavaScript Events - Demo
- 48 JavaScript addEventListener() and removeEventListener() Method
- 49 Form Handling using JavaScript (Accessing HTML form data from within JavaScript)
- 50 JavaScript Regular Expressions - Learn how to perform Password Validation using Regular Expressions
- 51 Exception Handling In JavaScript - Live Demo in Class
- 52 React Tutorial for Beginners - Session 1 - Installation of React on Windows - Demo
- 53 Introduction to ReactJS and create-react-app
- 54 JavaScript ES6 Modules - import and export - Named Export and Default Export - Demo
- 55 ReactJS - Function Components - JSX - Styling Components and Props
- 56 Props in React - Passing Variables, Objects, Arrays to Function Components
- 57 Props Validation in React - propTypes and defaultProps
- 58 ReactJS Event Handling - event.type, event.target,event.target.value
- 59 How React Works ? - Actual Dom Vs Virtual Dom - Diffing Algorithm - State- useState Hook
- 60 Class Components in ReactJS and Props with Class Components
- 61 ReactJS - Component Lifecycle Methods - Managing State in Class Components
- 62 ReactJs Hooks - useState Hook Explained
- 63 React Router v6 - Demo
