Home

/

Courses

/Batch-2 January Second Frontend Program

Batch-2 January Second Frontend Program

Master Real-World Coding Skills with Shiva Kumar Vakiti

9 modules

Telugu

Lifetime access

Prepare for a frontend career with a real-world office simulation experience! Added a preview for our class on how I will be teaching check below

Overview

This course offers a comprehensive frontend career program designed for freshers, including a real-world office simulation experience to prepare you for a successful career in web development. Gain practical skills, hands-on experience, and industry insights to kickstart your career in frontend development.

Key Highlights

Real-world office simulation

Practical frontend skills

Industry insights for freshers

What you will learn

Hands-on Experience

Get practical experience through real-world projects and office simulations.

Skill Development

Develop frontend skills in HTML, CSS, JavaScript, and more to excel in your career.

Industry Insights

Gain valuable insights into the frontend development industry and prepare for success.

Career Preparation

Be ready for the workforce with resume building, interview tips, and career guidance.

Mentorship

Receive mentorship from experienced professionals to guide you through your career journey.

Modules

Introduction to Frontend Development

23 attachments • 13 hrs

Introduction to HTML Project Setup - Real World Project

Assignment: Day 1 - Introduction to HTML Project Setup - Real World Project

Day 2 HTML5 & CSS3 Proper Examples

Preview

Day 2 HTML5 & CSS3 Introduction assignment(English Version)

Day 2 HTML5 & CSS3 Introduction assignment(Telugu Version)

Html5 Semantic Elements Intro && Bootstrap Grid Part 1

Html5 Semantic Elements Intro && Bootstrap Grid Part 1 Continuation

Day 3: HTML5 Sematic Elements & Bootstrap Assignments

Day 4 Recap Bootstrap Grid Layouts- Part 1

Day 4 Recap Bootstrap Grid Layouts- Part 2

Day 4 Assignment

Day 5 JS Variables Introduction

DAY 6 - JS Variables && Github account Creation

DAY 6 - JS Variables && Github account Creation( Assignment )

DAY 7 Recap JS Variables and introduce non primitive values

Assignment Creation: Day 7 - JavaScript Primitives and Non Primiitives Bookmyshow

Day 8 DOM Introduction & Building Bookmyshow Application

Understanding the DOM in JavaScript PDF

Assignment Creation: Day 8 - JavaScript Primitives and Non Primiitives Bookmyshow && DOM

Understand What React Is, Why It Was Introduced, and the Advantages Over Traditional JavaScript DOM-Based Applications

Understand What React Is, Why It Was Introduced, and the Advantages Over Traditional JavaScript DOM-Based Applications

Day 9 Assignment: Understand What React Is, Why It Was Introduced, and the Advantages Over Traditional JavaScript DOM-Based Applications

Day 10 - Introduction to Functions in React.js Applications

Setting Up Development Environment

1 attachment • 11.76 mins

Github Introduction

React JS && JS

11 attachments • 7 hrs

Day 11 : Code Execution Behind Creation of Let Const and Var

Day 12 : How does JavaScript execute variable creation behind the scenes?

Day 12 JavaScript Variables_ Behind The Scenes

Day12-Code Execution part -2 File

Day 12 Assignment

Day 13 Functions Introduction part - 1

Day 14 Functions && React Router

Day 14 && 15 React js Assignment for React Routing, Props System, Event Handling:Complete UI Building

Day 15 React Router Part - 2 && Props

Day 16 Events Real time application

Day 17 React JS events && Instagram application implementation

AJAX and APIs Integration

11 attachments • 3 hrs

Day 18 API Integration intro

Functions and scope in JavaScript

# APIs in Web Development - BookMyShow Example

Why Use Async_Await Instead of Promises & Callbacks_ A Detailed Explanation (4)

Fetch Movies with Promise Constructor and Axios

Building a Movie List in React

Day 19 Introduction APIS - PART 1

Day 19 API Integration PART - 2

Day 19 API Integration PART - 3

Day 20 API Methods and Real time Project Building

day 21 API Methods Final Part - 5 ( Get, Post)

Real-World Projects and Office Simulation

2 attachments • 52.76 mins

Day 22 How Work Arrives - Requirement Gathering , Work Distribution, Roles about frontend Backend Roles

How Work Comes and Gets Done

1 page

React JS Lifecycle Methods

6 attachments • 3 hrs

Life Cycle Methods in React JS - Introduction

Writing unit tests with Jest or Mocha

1 page

LifeCycle Methods Assignment

React Functional Component Lifecycle in a Zomato-like Application

1 page

React JS Life cycle Methods Part 2

React Js Lifecycle Methods Introduction Part 3

React Context API & Redux

25 attachments • 15 hrs

Props Context API

Redux Toolkit Introduction & Setup

React State Management Made Simple

1 page

Redux Toolkit - Part 1

Redux ToolKit Part- 2

Redux Toolkit - Part 3

Simple Login Authentication Assignment

1 page

Redux- toolkit Login Flow

Redux toolkit reducers

Mock Inteview Sabavath

Redux Toolkit Assignment API integration nyka application

Redux Toolkit Assignment- 1

Redux Toolkit Assignment- 2

Redux-toolkit API calling

Introduction Authentication

Project Building - Day 1

Graphy LLM Application - Login Modal popup integration

Day 1 How Software Companies Really Work: Inside Real-Time Offices & Scrum Explained

Day 2: How Work is Disrupted—focusing on UI/UX, Frontend & Backend, and real-time office scenarios🔥

Day 3 Real-time GitHub: How it works + Azure configuration, branch creation & push latest changes

Day 4 Git + Azure Account Setup + Live Doubts – What You’ll Learn Today

Day 5 Stories Creation and work Distribution

Day 6 Live Azure Merge Conflicts discussions

Day 7_ Azure DevOps Git Branch Strategy - Working with Develop Branch & Pull Requests

1 page

Work and Stories Distribution

Interview Preparation

6 attachments • 36 mins

Preparing for Frontend Engineer Interview Rounds

1 page

Frontend Interview Preparation Guide Indepth way (2)

1 page

Frontend Interview Preparation Guide Indepth way (2)

Mock Interview Sabavath

HARI Vardhan Interview Experience and Interview tricks and tips

ATS Resume Building

Freelancing

1 attachment

How to Find Freelancing clients Part - 1

FAQs

How can I enrol in a course?

Enrolling in a course is simple! Just browse through our website, select the course you're interested in, and click on the "Enrol Now" button. Follow the prompts to complete the enrolment process, and you'll gain immediate access to the course materials.

Can I access the course materials on any device?

Yes, our platform is designed to be accessible on various devices, including computers, laptops, tablets, and smartphones. You can access the course materials anytime, anywhere, as long as you have an internet connection.

How can I access the course materials?

Once you enrol in a course, you will gain access to a dedicated online learning platform. All course materials, including video lessons, lecture notes, and supplementary resources, can be accessed conveniently through the platform at any time.

Can I interact with the instructor during the course?

Absolutely! we are committed to providing an engaging and interactive learning experience. You will have opportunities to interact with them through our community. Take full advantage to enhance your understanding and gain insights directly from the expert.

About the creator

About the creator

Master Real-World Coding Skills with Shiva Kumar Vakiti

Learn practical coding with Shiva Kumar Vakiti, an experienced team lead from top companies like PWC, Intuit, Walmart, and Capgemini. Our program focuses on real-world projects, team-based workflows, and preparing students for industry challenges. With 20% theory and 80% hands-on coding, you’ll gain the skills needed to build SaaS dashboards, e-commerce platforms, and more

Rate this Course

₹ 17000.00

35000

×

Order ID:

This course is in your library

What are you waiting for? It’s time to start learning!

Illustration | Payment success

Share this course

https://undefined/courses/Batch-2-January-Second-Frontend-Program-6744b3270cef313474a39780-6744b3270cef313474a39780

or

×

Wait up!

We see you’re already enrolled in this course till Lifetime. Do you still wish to enroll again?

Illustration | Already enrolled in course