Full Stack Development Masterclass
May 28, 2022 2022-08-04 10:30Full Stack Development Masterclass
-
Fundamental of HTML & CSS
- Intro ( Watch Free )
- Installing Google Chrome & VS Code ( Watch Free )
- Websites & Humans ( Watch Free )
- Tags
- Headings, Paragraphs and Line Breaks
- Quiz 1
- Bonus
- Lists
- Assignment
- Bold, Italics and Comments
- Multiple Page Websites
- Navigation to External Websites
- Images
- Video Tags
- Inline Elements vs Block Elements
- File Paths
- Quiz 2
- Input Elements
- Forms
- Live Server
- Comments
- Icon
- Quiz 3
- Assignment One
-
Project 1: Favourite TV Shows Website
-
Learning CSS
- The Style Tag
- External Style Sheet
- Classes and ID’s
- CSS Priorities
- Font Size
- Pixels, Ems and Rems – Explanation
- Pixels, Ems and Rems – Example
- Margins and Paddings – Explanation
- Border Box
- Borders
- Cards
- Block and Inline Elements – Part 2
- Star Property
- Absolute and Relative
- Changing Fonts
- Styling a Button
- Colors
- Media Queries
- Media Queries – Hiding Items Example
- Flexbox – Introduction
- Flexbox – Align & Justify
-
Project 2: Google Home Page
-
CSS GRID
-
Project 3: Smart Speaker Project
-
Project 4: Family Website Project
-
Project 5: Restaurant Project
-
CSS Animations
-
Project 6: Shoe Animation Website
-
Capstone Project
-
Java Script Fundamentals
- Adding JavaScript to a Website
- Console Log and Alert
- Variables and Data Types in JavaScript
- Mathematical Operators with Numbers
- Mathematical Operations With Strings
- JavaScript Assignments and Practice Questions
- JavaScript Assignment-2 and Practice Questions
- Dynamically Typed Language
- Type of and Type Conversion
- Null and Undefined
- Strings
- Quiz 1
- String Methods
- JavaScript Assignments and Practice Questions
- Conditional Operators and If Condition
- Multiple Conditions
- JavaScript Assignments and Practice Questions
- Naming Your Variables
- Introduction To Arrays
- Array Methods
- Quiz 2
- Increment and Decrement Operators
- Loops
- Loops and Arrays
- JavaScript Assignments and Practice Questions
- Introduction to Objects
- In Depth About Objects
- Functions In JavaScript
- Console Log Variations
- Quiz 3
-
Instagram Profile Page
-
Vue JS Fundamentals
- Introduction
- Introduction to the Course
- Virtual DOM
- Vue Instance and Data Properties
- Vue CLI
- Methods and Computed Properties
- Bonus – Computed Vs Methods
- Data Binding
- Two Way Data Binding
- Events – Introduction
- Quiz 1
- Keyboard Events – Event Modifiers
- Mouse Events
- Watch Properties
- Components – Introduction
- Conditional Rendering
- Props and Custom Events
- V-For With Props
- Lifecycle Hooks
- Mixins
- Vue-Router Introduction
- Routing Programatically
- Routing With Example
- Routing With Example – One
- Dynamic Routing With Example
- How To Find Jobs
- Jobs and Conclusion
- Front-End Frameworks
- Vue CLI – Creating a Vue App
- Quiz 2
-
Vue - Firebase Authentication
- Introduction to Vue JS and Firebase
- Adding Firebase to Vue JS APP
- Firebase Authentication State Listener
- Firebase Anonymous Authentication
- Creating Users With Firebase Email Authentication
- Login and Authentication Navigation
- Email Verification Using Firebase
- Reset Password
- Bonus – Editing Default Firebase Email Templates
-
Vue - Firebase Social Media Authentication
-
Effective English Communication
Appalaraju
https://googlehomespeaker.netlify.app/