Web Development using HTML and CSS

Web Development using HTML and CSS

• Module 1: Introduction to web development 0/6

  • Lecture 1.1
    Explore the concepts of the internet and how websites work
  • Lecture 1.2
    introduction to HTML
  • Lecture 1.3
    Introduction to basics of HTML, including tags and elements
  • Lecture 1.4
    Create a simple “About me” website using html
  • Lecture 1.5
    HTML essentials
  • Lecture 1.6
    Text ad Headings

• Module 2: Formatting Text and creating headings in HTML. 0/8

  • Lecture 2.1
    Introduction to formatting text
  • Lecture 2.2
    Explore ordered and unordered list as well as creating hyperlinks
  • Lecture 2.3
    Create a webpage with a list of favorite books and links to website
  • Lecture 2.4
    adding images
  • Lecture 2.5
    insert images
  • Lecture 2.6
    learn how to add images to webpages using html
  • Lecture 2.7
    embedding videos
  • Lecture 2.8
    discover how to embed YouTube videos on a webpage

• Module 3: Introduction to CSS 0/7

  • Lecture 3.1
    What is CSS
  • Lecture 3.2
    Explain the role of CSS in web design
  • Lecture 3.3
    Basic CSS
  • Lecture 3.4
    Leran how to change text color, Background color and font color
  • Lecture 3.5
    introduction to responsive design
  • Lecture 3.6
    Discus the importance of making webste look good on different devices
  • Lecture 3.7
    Building a simple layouts

• Module 4: Learning about box mode 0/4

  • Lecture 4.1
    Learn about the box mode and create a basic webpage layoout
  • Lecture 4.2
    design a simple webpage with responsive layout
  • Lecture 4.3
    enhance the webpage with more advanced CSS styles
  • Lecture 4.4
    Apply CSS to the previously created webpages

• Module 5: Advance CSS Styling 0/6

  • Lecture 5.1
    Apply advance CSS styles
  • Lecture 5.2
    Introductions to concepts of classes and IDS in CSS
  • Lecture 5.3
    Styling with Classes and IDS
  • Lecture 5.4
    Working with borders and margins
  • Lecture 5.5
    LEarn how to add borders ad adjust margins
  • Lecture 5.6
    Discover how to embed YouTube video on a webpage.

• Module 6: Introduction to Java Script 0/10

  • Lecture 6.1
    What is Java scipt
  • Lecture 6.2
    Explain the role of Java script in web delvelopment
  • Lecture 6.3
    Variables and Data types
  • Lecture 6.4
    Introduction to variables and, strings, and numbers
  • Lecture 6.5
    Create a simple JavaScript Program that changes webpage text.
  • Lecture 6.6
    Writing functions
  • Lecture 6.7
    how to create and call function
  • Lecture 6.8
    Responding to Events
  • Lecture 6.9
    Introduction to event listeners and their use in web interactivity
  • Lecture 6.10
    Create an interactive webpage with buttons and events