Web Development
COURSE CURRICULUM
Level I – ◦ Tech Foundation
Front-End ◦ HTML and CSS
Technologies ◦ Bootstrap and Responsive Web-Design
◦ JavaScript
◦ ReactJS
◦ Postman API
◦ Graphic Designing
◦ Certification
◦ Mile Stone Assessment
Level 1 : Module 1
Tech Foundation
❖ Introduction to Number Systems ❖ Getting Started with Command line
❖ Computer Hardware ❖ Working with File Systems
❖ Operating System ❖ Working with Files
❖ Process Management ❖ File Commands
❖ Thread and Concurrency ❖ Git Versions
❖ Memory Management ❖ Repository Creation
❖ Introduction to Computer Networks ❖ Command Line Command for GitHub
❖ Network Layer
❖ Transport Layer
❖ Application Layer
Level 1 : Module 2
HTML and CSS
❖ HTML Elements
❖ Introduction to CSS(properties)
◦ Text Properties
◦ Background Properties
◦ Heading and Text Element Properties
◦ Font Family and its Properties
◦ CSS Box Modul
Level 1 : Module 3
Bootstrap and Responsive Web Design
❖ Bootstrap , Design Layout and Integration
❖ Introduction to Bootstrap
❖ Flex Box Container
❖ Design Layout
❖ Developing Layout
❖ Media Query
❖ Responsive Web design
❖ Gird System
❖ Box Properties in Bootstrap
❖ Navbar in Bootstrap
❖ Inheritance
❖ CSS Ruleset
Level II : Module 1
JavaScript
❖ Introduction to JavaScript
❖ Data Type
❖ var, let, const, scope
❖ DOM Manipulation
❖ Functions and Type Conversion
❖ Getter & Setter function
❖ this keyword
❖ Date Function
❖ Array Functions
❖ string function
Level II : Module 2
React JS
❖ Introduction to React JS
❖ Component’s Life Cycle
❖ Handling User Input
❖ State and Props Variable
❖ Hooks, functional and Class Component
❖ SASS
❖ Debugging React APP
❖ Building Adaptive User Interfaces and Sending HTTP Requests
Level II : Module 3
Postman API
❖ Create API Operation
❖ Read API Operation
❖ Update API Operation
❖ Delete API Operation
Level III : Module 1
Photoshop and InDesign
❖ Digital Design – Photoshop
❖ Introduction to Photoshop
❖ Selection tools and layers
❖ Brushes, Colors, Color channels and masking
❖ Vector shape and logo creation
❖ Image Restoration & Retouching
❖ Vanishing and lens distortion
❖ Filters Effects
❖ Adobe InDesign
❖ Introduction to GUI
❖ Product manual creation
❖ Magazine Book Layout I & II
❖ Newspaper Layout and Printing process
Level III : Module 2
Adobe Illustrator and Dreamweaver
❖ Adobe Illustrator (Add-on)
❖ Introduction to Illustrator
❖ Tools-2 text, text wrap, pen, grid & guides
❖ Wrap tools, masking-gradient, mesh tool & live paint
❖ Graph, trace, patter & blend-pencil
❖ Brush and symbol
❖ Effects and filters
❖ Slice tools, action
❖ Adobe Dreamweaver
❖ Introduction to Dreamweaver
Level III : Module 3
Graphic Designing
❖ Introduction CorelDraw
❖ Workspace Weld, Trim, Intersect,
❖ Combine – Text Tool
❖ Creating Logo – Working with Artistic Tool
❖ Vector Effects-1 and Vector Effects- 2,
❖ Creating Landscape with Bezier and Gradient Tool,
❖ Creating a Magazine Advertisement
❖ Working with Mesh Tool
❖ Page Layouting
❖ Colour Management, Printing and Publishing
Certification
❖ Certification from META for Meta Front-End Developer
❖ Graphic Designer from JD Education and Training
❖ Web Developer from KGiSL MicroCollege
Project
Milestone Assessment
❖ UI Design Skill - 26nd Day
❖ Front End Design - 51st Day
❖ Graphic Design - 70th Day
❖ Mock Interview - 80th Day
❖ Final Assessment - 85th Day to 90th Day