Buy Now AED 275 + VAT

Monthly Subscription Starting at AED 99 + VAT

Introduction to Web Development
  • Level Foundation
  • المدة 22 ساعات hours
  • الطبع بواسطة Microsoft
  • Offered by

عن

This course is designed to start you on a path toward future studies in web development and design, no matter how little experience or technical knowledge you currently have. The web is a very big place, and if you are the typical internet user, you probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With almost 1 billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills. By the end of this course you'll be able to describe the structure and functionality of the world wide web, create dynamic web pages using a combination of HTML, CSS, and JavaScript, apply essential programming language concepts when creating HTML forms, select an appropriate web hosting service, and publish your webpages for the world to see. Finally, you'll be able to develop a working model for creating your own personal or business websites in the future and be fully prepared to take the next step in a more advanced web development or design course or specialization.

الوحدات

Introduction to the Course

    • 7 Videos
    • 3 Readings
Show info about module content

7 Videos

  • Course Introduction: Introduction to Web Development
  • Instructor Introduction
  • The What’s What of the Course
  • Completing the Guided Labs
  • Introducing the AI Tool: Microsoft Copilot
  • How to Be Successful in This Program
  • Introduction to the Project

3 Readings

  • Introduction to Web Development Course Syllabus
  • Completing the Guided Labs
  • Microsoft Tools for Front-End Development

Introduction to HTML

    • 4 Videos
    • 1 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Introduction to HTML

4 Videos

  • Introduction to HTML
  • HTML Elements and Tags
  • HTML Attributes
  • HTML Document Structure and Hierarchy

1 Readings

  • HTML Structure and Elements

The Role of HTML in Web Development

    • 3 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: The Role of HTML in Web Development

3 Videos

  • HTML as the Foundation of Web Content
  • Interaction Between HTML and CSS
  • Interaction Between HTML and JavaScript

1 Readings

  • HTML in Web Development

The Importance of Semantic HTML

    • 3 Videos
    • 1 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: The Importance of Semantic HTML

3 Videos

  • Understanding Semantic HTML
  • Semantic HTML and Accessibility
  • Implementing Semantic HTML in Web Development

1 Readings

  • Semantic HTML

Building Your First HTML Document

    • 4 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Lab
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Building Your First HTML Document

1 Labs

  • You Try It! Building an HTML Document

4 Videos

  • Structuring an HTML Document
  • Working with Forms, Tables, and Lists
  • Integrating Media Elements
  • Building an HTML Document

2 Readings

  • Building an HTML Document
  • You Try It! Building an HTML Document - Answer Key

Constructing a Complete Web Page with HTML

    • 5 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Lab
    • 2 Assignment
Show info about module content

2 Assignment

  • Practice Quiz: Constructing a Complete Web Page with HTML
  • Graded Quiz: HTML for Web Development

1 Labs

  • You Try It! Create a Web Page with HTML

5 Videos

  • Structuring the Web Page
  • Incorporating Text, Lists, and Links
  • HTML Page Walk Through
  • Create a Web Page with HTML
  • Conclusion: HTML for Web Development

2 Readings

  • Constructing a Complete Web Page with HTML
  • You Try It! Create a Web Page with HTML - Answer Key

Introduction to CSS

    • 4 Videos
    • 1 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Introduction to CSS

4 Videos

  • Introduction to CSS for Web Development
  • CSS Syntax and Structure
  • Applying CSS to HTML Documents
  • The CSS Box Model

1 Readings

  • CSS

Web Design with CSS

    • 3 Videos
    • 1 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Web Design with CSS

3 Videos

  • Responsive Web Design Principles
  • Media Queries
  • Techniques for Creating Flexible Layouts

1 Readings

  • Introduction to CSS

Enhancing Web Accessibility with CSS

    • 3 Videos
    • 1 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Enhancing Web Accessibility with CSS

3 Videos

  • Introduction to Enhancing Web Accessibility with CSS
  • Using CSS to Enhance Accessibility
  • Best Practices for Accessible Design

1 Readings

  • Web Accessibility

Advanced CSS Techniques for Web Design

    • 3 Videos
    • 1 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Advanced CSS Techniques for Web Design

3 Videos

  • Flexbox for Responsive Layouts
  • CSS Grid for Complex Layouts
  • CSS Animations and Transitions

1 Readings

  • CSS Techniques for Web Design

Creating a Responsive Web Page with Advanced CSS Techniques

    • 4 Videos
    • 2 Readings
    • 2 Plugin
    • 1 Lab
    • 2 Assignment
Show info about module content

2 Assignment

  • Practice Quiz: Creating a Responsive Web Page with Advanced CSS Techniques
  • Graded Quiz: CSS for Web Development

1 Labs

  • You Try It! Creating a Responsive Web Page with Advanced CSS Techniques

4 Videos

  • Planning a Responsive Web Design
  • Implementing Flexbox for Responsive Layouts
  • Creating a Responsive Web Page with Advanced CSS Techniques
  • Conclusion: CSS for Web Development

2 Readings

  • Creating a Responsive Web Page with Advanced CSS Techniques
  • You Try It! Creating a Responsive Web Page with Advanced CSS Techniques - Answer Key

JavaScript Basics

    • 5 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Lab
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: JavaScript Basics

1 Labs

  • You Try It! Writing Basic JavaScript Programs

5 Videos

  • Introduction: JavaScript Basics
  • JavaScript Variables, Data Types, and Operators
  • JavaScript Control Structures
  • Writing and Running JavaScript Code
  • Writing Basic JavaScript Programs

2 Readings

  • JavaScript Basics
  • You Try It! Writing Basic JavaScript Programs - Answer Key

DOM Manipulation

    • 3 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Lab
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: DOM Manipulation

1 Labs

  • You Try It! Manipulating the DOM

3 Videos

  • Understanding the DOM
  • Manipulating the DOM with JavaScript
  • Manipulating the DOM Lab

2 Readings

  • DOM Manipulation
  • You Try It! Manipulating the DOM - Answer Key

JavaScript Functions and Scope

    • 2 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: JavaScript Functions and Scope

2 Videos

  • Functions in JavaScript
  • Understanding Scope in JavaScript

2 Readings

  • Functions in JavaScript
  • Scope in JavaScript

Asynchronous JavaScript

    • 3 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Lab
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Asynchronous JavaScript

1 Labs

  • You Try It! Writing Asynchronous JavaScript

3 Videos

  • Principles of Asynchronous Programming
  • Using Async/Await in JavaScript
  • Writing Asynchronous JavaScript

2 Readings

  • Asynchronous JavaScript
  • You Try It! Writing Asynchronous JavaScript - Answer Key

Advanced JavaScript Concepts

    • 3 Videos
    • 3 Readings
    • 1 Plugin
    • 1 Lab
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Advanced JavaScript Concepts

1 Labs

  • You Try It! Implementing the Module Pattern for Reusable Code

3 Videos

  • JavaScript Design Patterns
  • Working with JSON
  • Implementing the Module Pattern for Reusable Code

3 Readings

  • JavaScript Design Patterns
  • Managing Data with JSON
  • You Try It! Implementing the Module Pattern for Reusable Code - Answer Key

Managing Data with JSON

    • 4 Videos
    • 2 Readings
    • 1 Plugin
    • 1 Lab
    • 2 Assignment
Show info about module content

2 Assignment

  • Practice Quiz: Managing Data with JSON
  • Graded Quiz: Introduction to JavaScript for Interactivity

1 Labs

  • You Try It! Managing Data with JSON

4 Videos

  • Understanding JSON
  • Working with JSON in JavaScript
  • Managing Data with JSON
  • Conclusion: Introduction to JavaScript for Interactivity

2 Readings

  • Managing Data with JSON
  • You Try It! Managing Data with JSON - Answer Key

Introduction to Version Control

    • 3 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Introduction to Version Control

3 Videos

  • Introduction: Version Control with Git and GitHub
  • Fundamentals of Version Control
  • Version Control Workflows

1 Readings

  • Version Control

Basic Git Commands

    • 3 Videos
    • 3 Readings
    • 1 Plugin
    • 2 Assignment
Show info about module content

2 Assignment

  • You Try It! Basic Git Commands
  • Practice Quiz: Basic Git Commands

3 Videos

  • Git Setup and Initialization
  • Core Git Commands
  • Basic Git Commands

3 Readings

  • Git Setup and Initialization
  • Core Git Commands
  • You Try It! Basic Git Commands - Answer Key

Using GitHub for Collaboration

    • 2 Videos
    • 2 Readings
    • 2 Assignment
Show info about module content

2 Assignment

  • Activity: Collaborating with GitHub
  • Practice Quiz: Using GitHub for Collaboration

2 Videos

  • Introduction to GitHub
  • Collaborating with GitHub

2 Readings

  • Using GitHub for Collaboration
  • Activity: Collaborating with GitHub - Answer Key

Integrating Git with Development Tools

    • 2 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Practice Quiz: Integrating Git with Development Tools

2 Videos

  • Git Integration with IDEs
  • Enhancing Productivity with Git Plugins

1 Readings

  • Integrating Git with Development Tools

Advanced Git Techniques

    • 4 Videos
    • 2 Readings
    • 1 Plugin
    • 3 Assignment
Show info about module content

3 Assignment

  • You Try It! Advanced Git Techniques
  • Practice Quiz: Advanced Git Techniques
  • Graded Quiz: Version Control with Git and GitHub

4 Videos

  • Managing Branches and Merging
  • Advanced Repository Management
  • Advanced Git Techniques
  • Conclusion: Version Control with Git and Github

2 Readings

  • Advanced Git Techniques
  • You Try It! Advanced Git Techniques - Answer Key

Overview of Microsoft Copilot

    • 2 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Activity: Setting Up Microsoft Copilot

2 Videos

  • Introduction to Microsoft Copilot
  • Setting Up Microsoft Copilot

Writing HTML with Copilot Assistance

    • 2 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Activity: Writing and Enhancing HTML with Copilot

2 Videos

  • Enhancing HTML Code with Copilot
  • Creating Semantic HTML with Copilot

Writing CSS with Copilot Assistance

    • 2 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Activity: Writing and Enhancing CSS with Copilot

2 Videos

  • Enhancing CSS Code with Copilot
  • Creating Responsive Designs with Copilot

Writing JavaScript with Copilot Assistance

    • 2 Videos
    • 1 Assignment
Show info about module content

1 Assignment

  • Activity: Writing and Enhancing JavaScript with Copilot

2 Videos

  • Enhancing JavaScript Code with Copilot
  • Implementing Interactivity with Copilot

Practical Application of Copilot in Web Development

    • 3 Videos
    • 1 PeerReview
    • 1 Assignment
Show info about module content

1 Assignment

  • Activity: Developing and Testing a Web Project with Copilot

1 Peer Review

  • Using Microsoft Copilot for Writing HTML, CSS, and JavaScript

3 Videos

  • Developing a Web Project with Copilot
  • Testing and Debugging with Copilot
  • Course Conclusion: Introduction to Web Development

Auto Summary

Embark on your web development journey with this foundational course from Coursera, designed for beginners in IT & Computer Science. Learn to build dynamic web pages using HTML, CSS, and JavaScript, understand the structure of the web, and publish your own site. Perfect for those aiming to advance their skills or pursue further studies in web development. The course spans 1320 minutes and is available via a Starter subscription. Ideal for aspiring web developers and designers.

Microsoft
Instructor

Microsoft