صادرة من W3School
تؤكد هذه الشهادة المهارات في تطوير واجهة المستخدم الأمامية لمواقع الويب، بما في ذلك HTML، CSS، JavaScript، وتصميم المواقع المتجاوبة.
W3Schools Front-End Development Syllabus
This syllabus covers the key topics needed for front-end development based on W3Schools’ tutorials.
1. Introduction to Web Development
- What is Front-End Development?
- Client vs. Server-side
- Overview of HTML, CSS, JavaScript
2. HTML (HyperText Markup Language)
- HTML Basics
- Introduction to HTML
- HTML Document Structure (
<html>,<head>,<body>) - Text Formatting (
<h1>–<h6>,<p>,<br>,<hr>) - Lists (
<ul>,<ol>,<li>) - Links (
<a href="">) - Images (
<img src="" alt="">)
- HTML Forms
- Input Fields (
<input>types) - Form Attributes (
<form action="" method="">) - Buttons (
<button>,<input type="submit">) - Labels and Fieldsets
- Input Fields (
- HTML Tables & Multimedia
- Creating Tables (
<table>,<tr>,<td>,<th>) - Embedding Videos and Audio (
<video>,<audio>) - HTML5 Semantic Elements (
<header>,<section>,<article>,<footer>)
- Creating Tables (
3. CSS (Cascading Style Sheets)
- CSS Basics
- CSS Syntax & Selectors
- Inline, Internal, External CSS
- CSS Colors, Backgrounds, Borders
- CSS Box Model
- Margin, Padding, Border, Content
- Width & Height
- CSS Layout & Flexbox
- Positioning (Relative, Absolute, Fixed, Sticky)
- Display Properties (Block, Inline, Flex, Grid)
- CSS Grid & Flexbox
- CSS Responsive Design
- Media Queries
- Mobile-first Design
- Using CSS Frameworks (Bootstrap)
4. JavaScript (JS)
- JavaScript Basics
- Variables (
let,const,var) - Data Types & Operators
- Functions & Scope
- Events (
onclick,onchange)
- Variables (
- JavaScript DOM Manipulation
- Selecting Elements (
document.getElementById,querySelector) - Changing Content & Styles
- Adding Event Listeners
- Selecting Elements (
- JavaScript Advanced Concepts
- Loops & Conditionals (
if,for,while) - Arrays & Objects
- Local Storage
- ES6 Features (Arrow Functions, Template Literals, Destructuring)
- Loops & Conditionals (
5. Front-End Frameworks & Libraries
- Bootstrap
- Grid System
- Components (Navbar, Buttons, Cards)
- Forms & Modals
- React (Optional)
- JSX & Components
- State & Props
- Handling Events
6. APIs & AJAX
- Fetch API
- JSON Basics
- RESTful API Integration
7. Version Control & Deployment
- Git & GitHub Basics
- Hosting with GitHub Pages or Netlify
8. Project-Based Learning
- Building a Simple Website
- Creating a Portfolio
- Interactive Web App with JavaScript
تقييمات ومراجعات الطلاب
لا يوجد تقييم حتى الآن
الدروس
