- Markup languages
- Opening tags and closing tags
- Html elements
- Attributes
- VS code overview
- Semantic elements: article aside details footer header nav section main
- Ways of writing CSS: 1. inline 2. styletag 3. separate css file
- div and span
Recording link: https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/EZU0WXjrWRlHkn8qXtMQE98Bp-fBdPKE5EAp-asg9X50mQ?e=bmy2rC
- Tables
- Forms
- Input tag
- CSS Selectors
- CSS Psuedo Classes
- CSS Box Model
- FlexBox
- Using fonts and icons from internet
Recording Link:https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/EVzAzGIO7CFBiDHh8qqafA8BjUg2obY5K1_8_eXQvtN_jg?e=oCuUGu
- More about FlexBox
- Dropdown
- Z-index
- position tag: relative, fixed, sticky, absolute
- overflow
- max-width
Recording link: https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/Edrwdv5KYKlCi8_1gT4p-zEB_ADVd84_NJ4kma84HV0dmQ?e=wEKYDu
- Why Minification?
- Bootstrap
- Animations
- !important property
- Loaders
- Tailwindcss
Recording Link: https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/EYOGk8eL8FBAhPuRrNgA3rkBRiE3_moWiJigWqcrKeK8Fw?e=aaujqa
- Client server architecture
- What happens when we type a url in the browser
- How browsers work?
- DOM, CSSOM, BOM
- document, window
- DOM Manipulation Introduction
Recording link: https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/Efw_IRjLJjJBusno1usz2ooBLd1cK7iUeGkGLqVgZ6QSKw?e=Mft3qI
- Creating new element
- append and appendChild property
- how to set/get attributes of any element
- Dark/Light Mode Demo
- className, classList and toggle property in classList
- changing style from js
- Placement of script tag
Recording link: https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/EbUTXjF1tRFFvbNS267KQ98BJe7hp92_hX8alusYtUeLKw?e=BVegi9
- Variables, naming conventions
- let, var, const: related to reference not value
- scopes, data types, typeof
- Hoisting
Recording Link: https://gurucodesio-my.sharepoint.com/:v:/g/personal/vasant_gurucodes_dev/EcJh4etFBO9Kjsq1RgbcifYBF3FYPjDafGHmrSksxynWrA?e=u3KVRq
- JSON: Intro, Visualization
- Compared with XML, POJO
- JSON Data Types
- Accessing JSON using . operator and also using [], for in loop
- parse and stringify.