HTML، CSS و جاوا اسکریپت: ساخت وب

سرفصل ها و درس ها

مقدمه Introduction

• وب را با ساختن بیاموزید Learn the web by building

1. به محیط توسعه خود خوش آمدید 1. Welcome to Your Development Environment

• با انجام دادن یاد بگیرید Learn by doing

• سلام، GitHub Codespaces Hello, GitHub Codespaces

• سلام توسعه وب Hello, web development

• سلام، DevTools Hello, DevTools

• راه اندازی محیط توسعه خود Setting up your development environment

• سلام، GitHub Copilot Hello, GitHub Copilot

• سلام، GitHub و Git Hello, GitHub and Git

2. توسعه HTML 2. HTML Development

• سلام، HTML Hello, HTML

• ساختار سند: عناصر و برچسب ها Document structure: Elements and tags

• دسترسی به سند Document accessibility

• سازمان اسناد Document organization

• ویژگی های سند Document attributes

• همه را کنار هم گذاشتن Putting it all together

3. یک ظاهر طراحی CSS 3. CSS Styling

• سلام CSS Hello, CSS

• استایل شیت ها و راه اندازی Stylesheets and setup

• انتقال و انیمیشن Transitions and animations

• خلاصه Recap

• چیدمان و موقعیت Layouts and positioning

• CSS در عمل CSS in action

• انتخابگرها و خواص Selectors and properties

• آبشاری و ارثی Cascading and inheritance

4. توسعه جاوا اسکریپت 4. JavaScript Development

• اضافه کردن مدیریت رویداد Adding event handling

• ایجاد توابع Creating functions

• درک متغیرها Understanding variables

• همه را کنار هم گذاشتن Putting it all together

• درک بسته شدن Understanding closures

• سلام جی اس Hello, JS

• کار با Document Object Model (DOM) Working with the Document Object Model (DOM)

5. کدگذاری پروژه ها 5. Coding Projects

• پروژه بازی فضایی: عنصر بوم HTML Space game project: The HTML canvas element

• پروژه تایپ: استفاده از بیلد برای یادگیری فرآیند Typing project: Applying the build to learn process

• پروژه بازی فضایی: بررسی مکانیک بازی Space game project: Examining the game mechanics

• پروژه بازی فضایی: نمای کلی کد Space game project: Code overview

• مقدمه ای بر پروژه های توسعه دهنده اپلیکیشن Introduction to app dev projects

• ساختمان برای یادگیری Building to learn

6. توسعه به کمک هوش مصنوعی 6. AI-Assisted Development

• راه اندازی Copilot Setting up Copilot

• مکالمه: توسعه وب به کمک هوش مصنوعی، بخش 3 Conversation: AI-assisted web development, part 3

• مقدمه ای بر توسعه وب به کمک هوش مصنوعی Intro to AI-assisted web development

• توسعه با کمک هوش مصنوعی با Copilot AI-assisted development with Copilot

• اعلان های مفید برای یادگیری برنامه نویسی با Copilot Useful prompts to learn programming with Copilot

• توسعه به کمک هوش مصنوعی با ChatGPT AI-assisted development with ChatGPT

• مکالمه: توسعه وب به کمک هوش مصنوعی، بخش 1 Conversation: AI-assisted web development, part 1

• مکالمه: توسعه وب به کمک هوش مصنوعی، بخش 2 Conversation: AI-assisted web development, part 2

نتیجه گیری Conclusion

• مهارت های توسعه وب خود را افزایش دهید Growing your web development skills