HTML & CSS

Learning Format

Live Online / Classroom

Total training duration

120 hrs

Syllabus

8 weeks

Certification

Yes

HTML & CSS

The UI Full Stack course equips you with both front-end and back-end development skills. You’ll learn to create responsive, dynamic, and visually appealing web applications using HTML, CSS, JavaScript, and frameworks like React or Angular. The course also covers server-side technologies such as Node.js and databases like MongoDB.

Syllabus Summary

Week 1

Web & HTML5 Foundations- Introduction to web: client–server,
HTTP/HTTPS
DNS- HTML5 document: , ,- Text, links, images, lists, tables- Basic page structure, semantics overview-
Assignment

Week 2

Advanced HTML5 & Accessibility- Forms: inputs, validation, labels, accessibility
attributes- Multimedia: , , basics- Semantic tags: , , , ,- Intro to ARIA roles and semantic SEO-
Assignment

Week 3

CSS Fundamentals- CSS syntax: selectors, properties, values-
Box model: margin, border, padding; display/positioning- Typography, color, gradients, backgrounds- CSS organization and file structure-
Assignment

Week 4

Responsive Layouts- Flexbox: axes, alignment, spacing patterns- CSS Grid: grid template areas, repeat(), minmax()- Media queries and breakpoints (mobile-first)-
Performance & responsive images (srcset, sizes)-
Assignment-
Mock Interview 1

Week 5

Frameworks & Utilities- Bootstrap grid, utilities, components (navbar, cards, modals)- Tailwind CSS: utility-first workflow, responsive variants- Theming, custom configs, design tokens- Componentizing page sections for reuse-
Assignment

Week 6

Advanced CSS Engineering- Animations, transitions, transforms; keyframes best practices- CSS variables, layering & cascade strategy- BEM methodology and modular CSS organization- Light/dark mode design patterns-
Assignment

Week 7

Accessibility & SEO Deep Dive- WCAG overview, keyboard navigation, focus management- ARIA for widgets, landmarks, live regions- SEO: meta tags, Open Graph, structured data basics- Lighthouse audits and fixes-
Assignment

Week 8

Integration & Polishing- Cross-browser testing, vendor differences- Asset optimization, image compression, favicon & manifest- Deploy static sites (Netlify/Vercel/GitHub Pages)-
Assignment- Mock
Interview 2

Course Summary

Eligibility

Tech & Non-Tech Working professional, Freshers, Graduate from any domain.

Live Doubt Solving

Get your queries solved with daily dedicated doubts solving sessions.

Instructor

Experts and trainer for top-tech companies.

Certification

10+ ISO Globally recognized certified

Mode of Learning

100% Live Learning with experienced instructors and hands-on sessions.

Real time projects

Get practical experience with real-world projects for a career in analytics.

Certification

Gammatica is a company dedicated to providing high-quality coaching classes for students, designed to foster academic success and personal growth.

Quick Links

About

Help Centre

Business

Contact

About Us

Terms of Use

Our Team

Accessibility

Support

FAQs

Terms & Conditions

Privacy Policy

Career

Gammatica is a company dedicated to providing high-quality coaching classes for students, designed to foster academic success and personal growth.