Frontend Development
Become a solid Frontend Developer by building amazing hands-on projects and expertise in React, JavaScript, HTML & CSS
Welcome Message
Course Preview
Course Introduction
Setting up the code editor
Join Developer Community
How the web works with examples
Write your first HTML code
Live server Extension
Headings, paragraphs and typography
How do you feel about the course till Now ?
Links, Images & Attribute
Lists and Tables
Forms & Input Part-1
Forms & Input Part-2
Block & Inline Elements
Divs & span, classes & Ids
Part-1 HTML semantic tags
Part-2 HTML Semantic tags
Referral Program
Part-1 Basic CSS selectors
Part-2 Basic CSS selectors
Dev tools intro
Font in CSS
Part-1 Color types
Part-2 color types and bg color
Box-model
CSS positioning
What is Flexbox?
FLex Properties
Flex alignments & Justify
Certification Instruction
Write First JS Code
Variables! Var, Let and Const
Datatypes in JS.
Type Conversion and Cohesion
String and String Methods
How do you feel about the course till Now ?
Template Literals
Object Literals.
Arrays and its Methods.
Comparison and Conditionals
Loops in JS
Function Declaration and Expression
Switches
Scopes
Let vs Var
Quiz
Student Feedback
What is DOM?
DOM Examination
DOM Selectors for Single Elements.
DOM Selectors for Multiple Events
Traversing the DOM
Creating Elements
Remove Elements
Events Listeners and Event Object
Mouse Events
Keyboard and Input Events
Event Delegation and Bubbling
Local and Session Storage.
Quiz
Keep Updated!
Build a Loan Calculator App - Part 1
Build a Loan Calculator App - Part 2
Build a drum-kit game.
Build a dice game
Build a animated task-list application - Part 1
Build a animated task-list application - Part 2
Build a animated task-list application - Part 3
Build a animated task-list application - Part 4
Certification Instruction
Intro to the Course
Goals And Course Structure
Installing Dev Requirements
create-react-app, babel & webpack
React- Behind the scenes!
Your first React App
Folder Structure
Remove Boilerplate
First Component
Component in Detail!
JSX Rules
Nested Components
JSX-CSS
Javascript in JSX
Props-Intro
Props-Destructuring
Props-Children
Refactor to Better Data Structure
Listing of data
event basics
Import and Export Statement
Into to State
State-Simple Usecase
useState-Basics
State-with Arrays
useEffect-Basics
useEffect-Fetching Data
Multiple Returns
Short Circuit Evaluation
Ternary Operator and Show/Hide Logic
Forms-Basics
Controlled Inputs
React-Router
Router-Link
Router-Switch
Referral Program
Certification Instruction
What is Github?
Why Github?
Build Github Profile from Zero
Upload Project Files to Github
Upload Folder + Profile Hack + Summary
Introduction to Project
Planning the app
Installing Packages
Navbar
About Page
Fetching Data
User List Component
UserItem Component
Search Component
Search Functionality
Conditional rendering
Linking to Detail Page
Fetching single user
Detail Page Component
Get Users Repository
Just fill out this form. Our team will reach out to you within 24 Hours.
Learn coding and job-ready skills from industry experts in Kannada. MicroDegree is chosen among top innovative startups by Govt. of Karnataka's flagship Elevate-Call2 program
Learn coding and job-ready skills from industry experts in Kannada. MicroDegree is chosen among top innovative startups by Govt. of Karnataka's flagship Elevate-Call2 program
We believe in learning technology in our local language by emphasizing on relevant analogies, examples and thereby making fundamentals strong with deep concept clarity. Our motto is to make emerging technology affordable for students & early professionals across regions irrespective of their educational backgrounds.