Course Highlights

    • Covers React, JavaScript, HTML & CSS Courses
    • 25+ Hours of Course Content
    • 7 Cool projects and Quizzes
    • 1 Year Course Access

    • No Prior Coding Knowledge
    • Instant Doubt Clarification
    • Telegram Developer Community

    • Certification of Completion
    • Become an Alumni of MicroDegree
    • Unlimited access*

  • Who Should Attend

    • Anybody interested in learning coding
    • Aspiring Frontend Developers
    • Any Degree, Engineering & IT Students
    • Early Professionals

  • Job Opportunities

    • Frontend Developer
    • Web Designer
    • Web Development
    • Product Developer
    • Software Engineer

Completion Certificate by MicroDegree

On completion of course become a proud alumni of MicroDegree. MicroDegree is chosen among top innovative startups by Government of Karnataka's flagship Elevate Call-2 program
Enrol Now

Course curriculum

  • 1

    Foundations

    • Welcome Message

    • Course Preview

    • Course Introduction

    • Setting up the code editor

    • Join Developer Community

    • How the web works with examples
  • 2

    HTML

    • 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
  • 3

    CSS

    • 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
  • 4

    JavaScript

    • 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
  • 5

    ReactJS

    • 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
  • 6

    Bonus - Github for Interview

    • What is Github?

    • Why Github?

    • Build Github Profile from Zero

    • Upload Project Files to Github

    • Upload Folder + Profile Hack + Summary
  • 7

    Project - Github Finder

    • 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

Learner Review

  • Akshata Kothari

    Thank you so much for this course. The concepts explained by the trainer was really good and clear. As it was in kannada it helped me in understanding the concept better.

  • karthik k

    You are giving examples for every concept which makes us learn faster. Excellent. Keep going

  • Chethana Amin

    It's really a good thought to start a course in kannada. It helps lot of people.

  • Divya G

    Explaining in Kannada is understanding in good manner

  • Deepashree N

    Awesome thing... u guys made python very very easy which can be learnt in our mother tongue.... thank you...

  • Monica Govindappa

    Learning in Kannada is helping out to grasp things quickly over all making it to learn in an interesting way.

Karnataka Startup Champions

ನವಭಾರತದ ಶಿಲ್ಪಿಗಳು

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.

Refer & Earn

Friends ಗೆ Refer ಮಾಡಿರಿ ಹಾಗೂ ಪಡೆಯಿರಿ Cash upto ₹15,000

Refer Now