Course Name: Front End Web development
Duration in Hrs: 50 Hrs
Sub-Topics Departments Tools Learning Objectives Relevance in the industry
Introduction to Web Development (6 hours)
How the Web Works
Overview of how browsers and servers interact
Basics of HTTP and HTTPS
What is Web Development
Various tools, technologies and frameworks used in
Web Development
Build static websites Front-end web
Overview of frontend vs backend development using HTML and CSS. development is
Setting Up a Simple Webpage fundamental for creating
Creating a basic HTML file Create responsive designs user interfaces in
Overview of browser developer tools B.sc/BCA, MCA HTML/CSS/JavaScript using CSS (Flexbox). software and web
applications. Skills in
Introduction to Git and Version Control Gain basic exposure to HTML, CSS, and
JavaScript for simple web JavaScript are in high
HTML Basics (18 hours) interactivity. demand.
HTML Document Structure
Tags, attributes, and elements
Creating headings, paragraphs, and lists
Forms and Input
Building a form with input fields, radio buttons, and
checkboxes
Submitting forms and understanding form validation
Tables and Multimedia Elements
Creating tables with rows, columns, and headers
Embedding images, audio, and video
CSS for Styling (18 hours)
Introduction to CSS
Linking external stylesheets and using inline styles
Basic CSS properties: colors, fonts, and borders
CSS Layouts
Using Flexbox for responsive layouts
Creating navigation bars and sidebars
Styling Forms and Tables
Applying CSS to form elements
Styling table rows, columns, and headers
Responsive Design Basics
Using media queries to create responsive websites
Introduction to mobile-first design
Introduction to JavaScript (8 hours)
Basic JavaScript Concepts
Adding simple interactivity to web pages
Introduction to DOM manipulation
Simple form validation using JavaScript