About Web Development
This course covers the essential building blocks of web development, including HTML, CSS, and JavaScript. You'll learn responsive design, web accessibility, and how to use Git and Microsoft Copilot to collaborate and build small web projects efficiently.
What you'll Learn
Describe the Web Application Development Ecosystem and terminology like front-end developer, back-end, server-side, and full stack.
Identify the developer tools and integrated development environments (IDEs) used by web developers.
Create and structure basic web pages using HTML and style them with CSS.
Develop dynamic web pages with interactive features using JavaScript.
Course Curriculam
Learn what web development involves and build a strong foundation in how websites and web applications are created. Understand the key technologies, workflows, and concepts required to develop modern web experiences.
You’ll explore:
- Introduction to web development and web technologies
- How websites and web applications work
- Frontend and backend development concepts
- Client-server architecture and web communication
- Web browsers, servers, domains, and hosting fundamentals
- Introduction to HTML, CSS, and JavaScript
- Understanding the modern web development workflow
Learn how HTML provides the structure and content of modern websites. Build well-organized webpages using semantic elements, forms, links, media, and other essential HTML features.
You’ll explore:
- HTML document structure and syntax
- Headings, paragraphs, links, and lists
- Images, audio, video, and embedded content
- Tables and structured page content
- Forms, input fields, and form controls
- Semantic HTML elements
- HTML attributes and best practices
- Creating structured webpages with HTML
Learn how CSS transforms HTML structures into visually engaging and responsive webpages while exploring modern HTML5 elements used to create well-structured web experiences.
You’ll explore:
- Introduction to CSS and styling fundamentals
- Selectors, properties, and values
- Colors, typography, spacing, and backgrounds
- Box model and element positioning
- Flexbox and basic layout techniques
- Responsive design fundamentals
- Modern HTML5 semantic elements
- Creating structured and visually consistent webpages
Learn JavaScript fundamentals and use programming logic to create interactive and dynamic web experiences. Understand how JavaScript works with HTML and CSS to enhance website functionality.
You’ll explore:
- JavaScript syntax and programming fundamentals
- Variables, data types, operators, and expressions
- Conditional statements and loops
- Functions and reusable JavaScript code
- Arrays, objects, and data handling
- DOM manipulation and event handling
- Form validation and user interactions
- Creating dynamic web page functionality
Learn how to build responsive and professional website interfaces using Bootstrap. Apply its grid system, components, utilities, and responsive features to develop modern frontend layouts efficiently.
You’ll explore:
- Introduction to Bootstrap and its grid system
- Responsive containers, rows, and columns
- Typography, spacing, and utility classes
- Navigation bars, buttons, cards, and forms
- Responsive layouts and breakpoints
- Bootstrap components and customization
- Building responsive website sections
- Creating complete responsive frontend layouts
Learn the fundamentals of React and understand how component-based development can be used to create modern, interactive, and maintainable frontend applications.
You’ll explore:
- Introduction to React and component-based development
- Creating React applications and project structure
- Components, JSX, and reusable UI elements
- Props and state management fundamentals
- Event handling and user interactions
- Conditional rendering and dynamic content
- React hooks and basic application logic
- Working with APIs and external data
- Building practical React frontend applications
