Full Stack Development – Module 1 – HTML & CSS

Full Stack Development – Module 1 – HTML & CSS

• Curriculum
• Instructor

• Fundamental of HTML & CSS

  27
  • Intro
  • Installing Google Chrome & VS Code
  • Websites & Humans
  • Tags
  • Folder Structure & Multiple Websites
  • Headings, Paragraphs and Line Breaks
  • Quiz 1
    5 questions10 min
  • Bonus
  • Lists
  • Assignment
  • Bold, Italics and Comments
  • Multiple Page Websites
  • Navigation to External Websites
  • Images
  • Video Tags
  • Inline Elements vs Block Elements
  • File Paths
  • Quiz 2
    14 questions10 min
  • Input Elements
  • Forms
  • Live Server
  • Comments
  • Icon
  • Quiz 3
    7 questions10 min
  • How to Embed YouTube Videos in your website
  • Assignment One
  • Mistakes to avoid while hosting your website

• Project 1: Favourite TV Shows Website

  4
  • Project Explanation
  • Build with Me
  • Hosting The Website
  • Assignment Two

• Learning CSS

  21
  • The Style Tag
  • Classes and ID’s
  • CSS Priorities
  • Font Size
  • Pixels, Ems and Rems – Explanation
  • Pixels, Ems and Rems – Example
  • Margins and Paddings – Explanation
  • Border Box
  • Borders
  • Cards
  • Block and Inline Elements – Part 2
  • Star Property
  • Absolute and Relative
  • Changing Fonts
  • Styling a Button
  • Colors
  • Media Queries
  • Media Queries – Hiding Items Example
  • Flexbox – Introduction
  • Flexbox – Align & Justify
  • Flexbox – More Information on Flexbox

• Project 2: Google Home Page

  5
  • Introduction
  • HTML Markup
  • CSS Styling
  • Refining the Styles
  • Assignment Three

• CSS GRID

  4
  • CSS Grid : The Basics
  • CSS Grid : Grid – Area Introduction
  • CSS Grid : Grid – Area – Example 1
  • CSS Grid : Grid – Area – Example 2

• Project 3: Smart Speaker Project

  7
  • Introduction
  • Design
  • HTML Markup
  • Styling the website – Part 1
  • Styling the Website – Part 2
  • Compatibility
  • Assignment Four

• Project 4: Family Website Project

  5
  • Introduction
  • Design
  • Background
  • Markup
  • CSS

• Project 5: Restaurant Project

  10
  • Introduction
  • Design
  • HTML Markup
  • Section One
  • Section Two
  • Section Three
  • Section Four
  • Section Five
  • Adding Simple Animations
  • Assignment Five

• CSS Animations

  2
  • Animations – Basics
  • Animations – Keyframes

• Project 6: Shoe Animation Website

  2
  • Introduction & Design
  • Building The Website

• Capstone Project

  1
  • Project

cynohub_admin

Price ₹65,000.00

Instructor cynohub_admin

Duration 10 weeks

Lectures 89

Enrolled 186 students

Buy this course