Courses Description

HTML5 and CSS3 are the programming languages that power the web. The two function together to form the backbone of the web. Web Development is one of the 10 hottest tech skills and it is no surprise that more than half of all jobs in the top income quartile show significant demand for coding skills, of which HTML5 and CSS3 are the most versatile skillsets.

Course content

• Course Introduction

  Discover Hypertext Mark-Up Language and its purpose, and perceive however CSS works with Hypertext Mark-Up Language to provide stunning websites. find out about putting in a development setting together with the utilization of a code editor like Microsoft VS Code and also the use of utilities that promote potency by providing shortcuts and snippets to quickly turn out code blocks and layouts. You then get to make your terribly 1st web content.

  • What is HTML ?
  • What is CSS ?
  • Setting up the environment
  • Hello World!
  • Using VS Code with Live reload
  • Using Emmet and online tools
  • Using Chrome developer tools
• Dive into HTML

  Learn about tags - the building blocks of Hypertext Mark-Up Language as you deep dive into differing kinds of tags that assist you craft the structure and content of an internet page together with its attributes and their syntax before learning to figure with pictures, hyperlinks, lists, and tables in Hypertext Mark-Up Language. Thereafter, take your 1st steps at writing CSS exploitation the fashion attribute as you to proceed to figure with colours. Finally, learn all concerning HTML5 linguistics tags similarly as audio and video tags as you build up a robust foundation for the a lot of advanced options to follow.

  • Basic HTML Tags and Attributes
  • Image Tag and Attributes
  • Links- Internal and External
  • Lists - Ordered and unordered
  • Tables in HTML
  • The style attribute
  • Colors in HTML
  • HTML5 Semantic Elements
  • HTML Audio and Video elements
• HTML Forms and Inputs

  An HTML form is used to collect user input. The user input is most often sent to a server for processing.

  • The Form tag
  • Using the label tag
  • HTML Input tag and Attributes
  • Options, Select and TextArea
  • Email, Password Inputs, and buttons
  • Datalists in HTML
  • Building a contact form
• Fromatting With CSS

  CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed. Discover Cascading Style Sheets and its role in visually styling HTML documents. Learn about the use of CSS selectors to target HTML elements, creating external stylesheets for use across multiple pages, and the lowdown on overriding styles. You’ll work with CSS properties and rulesets including units for position and size, the ever-important box model, and its features and pseudo-classes.

  • Using the Style element
  • Colors
  • Classes and ID's
  • Relative vs. Absolute
  • The CSS box model
  • Using external stylesheets
  • Overriding CSS Styles
  • Common CSS Properties
  • CSS Pseudo-classes
  • More CSS Properties
• CSS Advanced

  We’re entering the deepest realms of CSS3 now — aspects that are often more specific than the CSS introduction, Step up with CSS as you learn about positioning elements followed by advanced features such as using pseudo-elements, variables, custom web fonts, and importing and composing stylesheets.

  • Rounded Corners
  • Multiple Backgrounds
  • Gradients
  • Shadow Effects
  • 2D & 3D Transforms
  • The object-fit Property
  • The object-position Property
  • User Interface
  • Multiple Columns, and many more things..
• Transitions and Animations

  CSS transitions allows you to change property values smoothly, over a given duration & CSS allows animation of HTML elements without using JavaScript or Flash!An animation lets an element gradually change from one style to another. You can change as many CSS properties you want, as many times you want. To use CSS animation, you must first specify some keyframes for the animation. Keyframes hold what styles the element will have at certain times.

  • CSS transitions Properties
  • CSS Animations
• Responsive Web Design with Media Queries

  Responsive web design makes your web page look good on all devices. Responsive web design uses only HTML and CSS. Responsive web design is not a program or a JavaScript. Web pages can be viewed using many different devices: desktops, tablets, and phones. Your web page should look good, and be easy to use, regardless of the device. Web pages should not leave out information to fit smaller devices, but rather adapt its content to fit any device: Desktop, Tablet or Phone. It is called responsive web design when you use CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.

  • Media queries
  • What is CSS Flexbox?
  • Creating rows and columns
  • More flexbox properties
  • Rows and Columns in Grid
  • Allocating cells
  • Grid template areas
  • Building a responsive image gallery