Horizontal Rules (<hr />) - Free HTML Lessons | Full Stack Web Development | Nextsem | Nextsem Academy

Loading course layout...

Student Learning Dashboard

BCA Practical Coding System • Er. Manoj Kumar

S

Guest Student

Verified Google Account

guest@nextsem.local

💾 Saved Locally on Device (Offline-Ready • Instant)Evaluation Dashboard

ℹ️

3-Year BCA Degree Practical Structure: A 3-year degree has 6 Semesters. Each semester has 60 practical lab days (15 weeks × 4 lab classes/week). 6 Semesters × 60 Days = 360 Total Practical Coding Days across your entire 3-year degree.

Sem 1 PracticalActive

0 / 60 Days

3-Yr Total: 0 / 360 Labs

Sem 1 Sprints

0% done

Sprint 1 (Days 1–30)

GitHub Repos

0 verified

Portfolio Pushes

Active Day

Day 1

Current Target

Semester 1 Practical Progress (Days 1–60)0 of 60 Days (0%)

Next Up: Day 1: HTML Setup & First WebpageContinue

💻

Computer Competency Test (CBT)100 MCQs

Windows OS • Linux • MS Office • Networking • Git • Web Tech

Not Attempted Yet

Test your technical fundamentals with our standard 90-minute Computer-Based Assessment. Submitting your test will automatically certify and link your official score to this student profile!

Passing Criteria: 60% (60/100 Marks)Launch CBT Assessment

⚡

Practical Lesson UpdatesCoding Labs Only

Sprint 1 (Days 1–10): HTML5 & Resume

Live Now

Sprint 2 (Days 11–20): CSS3 & Flexbox

Next Sprint

Day 1

HTML Setup & First Webpage

HTML Foundation•2 Hours Practical•2 Coding Tasks

Day 2

HTML Headings, Paragraphs & Text Formatting

HTML Foundation•2 Hours Practical•2 Coding Tasks

Day 3

HTML Links & Images

HTML Foundation•2 Hours Practical•2 Coding Tasks

Day 4

HTML Lists & Tables

HTML Foundation•2 Hours Practical•2 Coding Tasks

Day 5

HTML Forms & Input Elements

HTML Foundation•2 Hours Practical•2 Coding Tasks

Day 6

HTML Semantic Elements & Page Architecture

HTML Foundation•2 Hours Practical•2 Coding Tasks

Day 7

HTML Mini Project — Student Developer Profile Website

HTML Foundation•2.5 Hours Practical•2 Coding Tasks

Day 8

CSS Introduction & Connecting CSS to HTML

CSS Foundation•2 Hours Practical•2 Coding Tasks

Day 9

CSS Selectors & Basic Styling

CSS Foundation•2 Hours Practical•2 Coding Tasks

Day 10

CSS Colors, Fonts & Text Styling🏆 Portfolio Project

CSS Foundation•2 Hours Practical•2 Coding Tasks

Day 11

CSS Box Model: Margin, Border, Padding & Content

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 12

CSS Display Property: Block, Inline, Inline-Block & None

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 13

CSS Positioning: Static, Relative, Absolute & Fixed

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 14

Flexbox Architecture 1: Flex Container & Justify-Content

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 15

Flexbox Architecture 2: Align-Items, Flex-Wrap & Responsive Cards

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 16

CSS Grid System 1: Templates, Columns & Fractional Units

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 17

CSS Grid System 2: Spanning & Newspaper Magazine Layout

CSS Layouts•2 Hours Practical•1 Coding Tasks

Day 18

Responsive Design & Media Queries: Mobile-First Strategy

CSS Layouts•2 Hours Practical•1 Coding Tasks

Day 19

CSS Transitions, Transforms & Hover Micro-Interactions

CSS Layouts•2 Hours Practical•2 Coding Tasks

Day 20

Sprint 2 Capstone: Responsive University Campus Portal

CSS Layouts•3 Hours Practical•2 Coding Tasks

Day 21

JavaScript Introduction: <script> Tag, Variables (let, const) & Data Types

JavaScript Basics•2 Hours Practical•2 Coding Tasks

Day 22

JavaScript Operators: Arithmetic, Strict Equality (===) & Logical Conditions

JavaScript Basics•2 Hours Practical•2 Coding Tasks

Day 23

Control Flow: Decision Making with if, else if, else & switch Statements

Control Flow•2 Hours Practical•2 Coding Tasks

Day 24

Loops & Iteration: for, while, and for...of Statements

Control Flow & Algorithms•2 Hours Practical•2 Coding Tasks

Day 25

JavaScript Functions: Declarations, Arrow Syntax, Parameters & Scope

Functions & Architecture•2 Hours Practical•2 Coding Tasks

Day 26

JavaScript Arrays & Modern Transformation Methods: push, map, filter & reduce

Data Structures•2 Hours Practical•2 Coding Tasks

Day 27

JavaScript Objects, Nested Data & JSON Serialization Basics

Data Structures•2 Hours Practical•2 Coding Tasks

Day 28

DOM Selection: querySelector, textContent, innerHTML & Dynamic Styles

DOM & Web APIs•2 Hours Practical•2 Coding Tasks

Day 29

DOM Events: addEventListener, Click, Input & Form Submission with preventDefault

DOM & Web APIs•2 Hours Practical•2 Coding Tasks

Day 30

Sprint 3 Capstone: Interactive Student SGPA & Grade Portal

Mini Project Capstone•3 Hours Practical•2 Coding Tasks

Day 31

Web Storage Architecture: localStorage, sessionStorage & JSON Serialization

Advanced JavaScript & Browser APIs•2 Hours Practical•2 Coding Tasks

Day 32

Persistent Task & To-Do List with LocalStorage CRUD Mechanics

Advanced JavaScript & Browser APIs•2.5 Hours Practical•2 Coding Tasks

Day 33

JavaScript Timers: setTimeout, setInterval & Digital Clock / Countdown Engine

Advanced JavaScript & Browser APIs•2.5 Hours Practical•2 Coding Tasks

Day 34

DOM Event Delegation, Event Bubbling & Dynamic List Architecture

Advanced JavaScript & Browser APIs•2 Hours Practical•2 Coding Tasks

Day 35

Dynamic Modal Dialogs, Overlay Mechanics & Keyboard Accessibility

Advanced JavaScript & Browser APIs•2.5 Hours Practical•2 Coding Tasks

Day 36

Client-Side Form Validation & Real-Time Regex Diagnostics

Advanced JavaScript & Browser APIs•2 Hours Practical•2 Coding Tasks

Day 37

Asynchronous JavaScript: Callbacks, Promises & Promise Chaining

Advanced JavaScript & Browser APIs•2.5 Hours Practical•2 Coding Tasks

Day 38

Async/Await Syntax & Browser fetch() API Fundamentals

Advanced JavaScript & Browser APIs•2.5 Hours Practical•2 Coding Tasks

Day 39

Building a Dynamic GitHub Profile Explorer SPA (Async REST API Mini App)

Advanced JavaScript & Browser APIs•3 Hours Practical•2 Coding Tasks

Day 40

Sprint 4 Capstone: University Resource Hub Single Page Application

Mini Project Capstone•3.5 Hours Practical•2 Coding Tasks

Day 41

Modular JavaScript Architecture (ES6 Modules, Import & Export)

Advanced JavaScript & Browser APIs•2 Hours Practical•3 Coding Tasks

Day 42

HTML5 2D Canvas API Fundamentals (Coordinates, Shapes & Paths)

Advanced JavaScript & Browser APIs•2.5 Hours Practical•3 Coding Tasks

Day 43

Building an Interactive Digital Signature & Sketch Pad (Canvas Mouse & Touch Events)

Advanced JavaScript & Browser APIs•3 Hours Practical•3 Coding Tasks

Day 44

Custom HTML5 Audio & Video Player (Media API & Real-time Progress Bar)

Advanced JavaScript & Browser APIs•2.5 Hours Practical•3 Coding Tasks

Day 45

HTML5 Drag & Drop API (Building an Interactive Kanban Task Board)

Advanced JavaScript & Browser APIs•3 Hours Practical•3 Coding Tasks

Day 46

Browser Geolocation & Device APIs (Permission Models & Coordinate Mapping)

Advanced JavaScript & Browser APIs•2 Hours Practical•3 Coding Tasks

Day 47

Client-Side SPA Routing & Browser History API (pushState & popstate)

Advanced JavaScript & Browser APIs•3 Hours Practical•3 Coding Tasks

Day 48

Modern Web Performance & Intersection Observer API (Lazy Loading & Infinite Scroll)

Advanced JavaScript & Browser APIs•2.5 Hours Practical•3 Coding Tasks

Day 49

Offline-First Web Apps & Network Status Monitoring (navigator.onLine)

Advanced JavaScript & Browser APIs•2 Hours Practical•3 Coding Tasks

Day 50

Sprint 5 Capstone: Interactive Developer Studio & Multi-Tool Workspace SPA

Advanced JavaScript & Browser APIs•4 Hours Practical•3 Coding Tasks

Selected Career Track:

Verified GitHub Project Repositories:0 Pushed

No practical projects submitted yet. Complete any practical day and submit your GitHub repository link to build your developer portfolio!

Professional & Social IntegrationsPortfolio & Network

Link your professional profiles for job recruiters and share verified coding milestones on WhatsApp.

Share on WhatsApp

Practical Portal Continue Day 1 WhatsApp Share