Web Development with HTML5, CSS, and JavaScript

اصنع موقع ويب متكاملاً ومتجاوباً بدءاً من صفحة فارغة. خلال 4 أيام تهيّئ أدواتك

4 أياممتوسط12 وحدة

نظرة عامة

اصنع موقع ويب متكاملاً ومتجاوباً بدءاً من صفحة فارغة. خلال 4 أيام تهيّئ أدواتك، وتكتب HTML دلالياً مع روابط التنقّل والجداول والوسائط، وتنسّق الصفحات بـ CSS بما في ذلك خطوط الويب والتموضع وتخطيطات Grid وFlexbox، وتكيّف التصميم مع مختلف الأجهزة، وتطبّق أساسيات تحسين الظهور في محركات البحث (SEO)، وترسل بيانات النماذج، وتضيف التفاعل بـ JavaScript والمكتبات الخارجية.

ما ستتعلّمه

المحتوى التقني أدناه معروضٌ باللغة الإنجليزية كما ورد في منهاج الدورة، حفاظاً على دقّة المصطلحات.

Set up the tools and resources you need to perform Web Development.
Create web pages in HTML, constructing valid, well-formed elements, including navigation links, sections, titles, and semantic markup.
Enhance HTML content with tables, images, movies, and audio.
Apply styles to HTML elements using CSS.
Use CSS to format the edges, size, position, and layering of HTML elements.
Apply complex style rules using advanced CSS selectors, including pseudo-class selectors, structural selectors, and pseudo-element selectors.
Create complex layouts using CSS newspaper style columns, grid layouts, and flexible box layouts.
Improve the quality of web content, including adaptability (different displays and devices), searchability, usability, and accessibility.
Submit data through URL query strings and web forms for processing by a web application server.
Write JavaScript code to make web pages more interactive, perform data processing tasks directly in the browser, and manipulate items in the current web page.
Write JavaScript code to iterate through collections of elements in a page to get and set their attributes and add event listener code.
Use third-party libraries and frameworks for web front-end development.

المنهاج

12 وحدة

Topic A: Prepare Your Web Platform
Topic B: Prepare Your Web Development Tools and Processes
Topic C: Monitor the Web Request-Response Cycle

Topic A: Create a Basic Web Page
Topic B: Provide Navigation Links Between Web Pages
Topic C: Improve Web Page Structure and Navigation

Topic A: Create a Table
Topic B: Embed Images, Movies, and Audio in a Web Page

Topic A: Apply Styles to HTML
Topic B: Create a Style Sheet
Topic C: Use Web Fonts

Topic A: Format Element Edges and Corners
Topic B: Control an Element's Height and Width
Topic C: Control an Element's Position and Layering
Topic D: Normalize and Reset Browser CSS Defaults

Topic A: Use Advanced Selectors
Topic B: Manage User Interface States
Topic C: Make Structure Apparent to Users
Topic D: Use CSS Pseudo-Element Selectors

Topic A: Use CSS to Create Newspaper Style Columns
Topic B: Use CSS to Create Grid Layouts
Topic C: Use CSS to Create Flexible Box Layouts

Topic A: Adjust the Layout for a Wide Variety of Devices
Topic B: Perform Basic Search Engine Optimization
Topic C: Test Your Website

Topic A: Submit Data Through a URL
Topic B: Submit Data Through a Web Form

Topic A: Add JavaScript to a Web Page
Topic B: Perform Operations on Data
Topic C: Program Repetitive Tasks
Topic D: Manipulate DOM Objects

Topic A: Enumerate Elements
Topic B: Attach Events Through Code

Topic A: Use a Third-Party JavaScript Library
Topic B: Create a Web Page Based on a Third-Party Framework

لمن هذه الدورة

المتمرّسون في استخدام الحاسوب الذين ينتقلون إلى تطوير الويب، سواء امتلكوا خبرة برمجية سابقة أم لا.

قبل أن تبدأ

This course assumes that students have strong experience working with computers. Previous experience programming in other languages is helpful, but not required for students to benefit from this course.

الدبلومات

جزءٌ من هذه الدبلومات

دبلوم العالمية في تصميم وتطوير المواقع

3 أيام

تفاصيل الدورة ←

لنرسم خطوتك التالية معاً.

أخبرنا بالدورة أو الشهادة التي تهمّك، ونرسل لك المنهاج والمواعيد القادمة والرسوم وخيارات التدريب الخاص لفريقك.

تحدّث إلى مستشار ←واتساب