Advance Your Career

Frontend Development with HTML and CSS

Create well-structured, appealing and responsive static websites with HTML and CSS.

  • 100% Online
  • 6 Weeks
Course Description

HTML (Hypertext Markup Language) is the code that is used to structure a web page and its content. For example, content could be structured within a menu, a set of paragraphs, a list of bulleted points, or using images and data tables.

CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of a document written in HTML. It describes how your website should be rendered on different screens, on paper, in speech, or on other media.

These two technologies make up the basics of Frontend Development.

Who is this for?

Anyone interested in, planning to learn, or already learning web development.

No prior knowledge is required.

What is provided to you?
  • Updated syllabus written by industry experts
  • Weekly live classroom with certified trainers
  • Classroom video recordings
  • Assignments and code reviews by mentors
  • Full access to our Social Learning platform
  • Free certicate of completion
Syllabus

We enlist industry experts to plan, author and review our syllabus. It will guide you from fundamental concepts all the way to full scale implementations. It is constantly updated, and you get lifetime access.

Week 1
HTML Tags for Content & Forms

HTML consists of a series of elements or tags, which you use to enclose different parts of content to make it act in a certain way or give it a specific meaning. The enclosing tags can make content into a hyperlink to connect to another page, display an image and so on.

CSS Rules & Selectors

In CSS, selectors are used to target the HTML elements on our web pages that we want to style. There are a wide variety of CSS selectors available, allowing for fine-grained precision when selecting elements to style.

Week 2
Week 3
Typography & Colors

Typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Typography involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages. In short, typography is what brings the text to life.

The Box Model

Everything in CSS has a box around it, and understanding these boxes is key to being able to create layouts with CSS, or to align items with other items. The Box Model defines how the different parts of the box — margin, border, padding, and content — work together.

Week 4
Week 5
Responsive Design with Flexbox & Grid

Responsive design is the approach that suggests that a website should respond to the user’s behavior and environment based on screen size, platform and orientation. Not surpsingly, CSS offers powerful tools to achieve this, like Flexbox and Grid.

Animations & Filters

CSS Filters are a powerful tool that developers can use to achieve varying visual effects, like blur or color shifting. CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations are a key element in maintaining the interest of a user in a website. Implemented carefully, animations improve the usability of a web page and provide useful visual feedback on user actions.

Week 6