آموزش پروژه‌های توسعه وب با استفاده از HTML، CSS و جاوااسکریپت - آخرین آپدیت

درس‌ها Lessons

• ویدیو معرفی و دموی پروژه‌ها Promo Video and projects demo

• بررسی کلی پروژه و دمو Project Overview & Demo

• ساختار HTML HTML Structure

• استایل‌دهی CSS (بخش اول – مبانی) CSS Styling (Part 1 – Basics)

• استایل‌دهی CSS (بخش دوم – ورودی‌ها و دکمه‌ها) CSS Styling (Part 2 – Input & Buttons)

• پیاده‌سازی قابلیت‌ها با جاوااسکریپت JavaScript Functionality

• بررسی کلی اپلیکیشن و دمو Application Overview and Demo

• ساختار HTML HTML Structure

• استایل‌دهی CSS – طراحی کلی و چیدمان (Layout) CSS Styling Global & Layout Design

• استایل‌دهی CSS – متن، ورودی‌ها و المان‌های تعاملی CSS Styling Text, Input, and Interactive Elements

• مبانی جاوااسکریپت – متغیرها و مقداردهی اولیه JavaScript Fundamentals Variables and Initialization

• قابلیت‌های اصلی – کنترل تست و آمار Core Functionality Test Control and Statistics

• مدیریت ورودی کاربر و بازخوردهای لحظه‌ای User Input Handling and Real time Feedback

• توابع کمکی و اتصال رویدادها (Event Binding) Utility Functions and Event Binding

• دمو و معرفی – چه چیزی می‌سازیم Demo & Introduction – What We’re Building

• ساختار HTML HTML Structure

• مبانی CSS – چیدمان، رنگ‌ها و فونت‌ها CSS Basics – Layout, Colors & Fonts

• CSS پیشرفته – فرم‌ها، نمایش QR و دکمه‌ها CSS Advanced – Forms, QR Display & Buttons

• راه‌اندازی جاوااسکریپت و انتخاب المان‌ها JavaScript Setup & Selecting Elements

• افزودن شنونده‌های رویداد (Event Listeners) Adding Event Listeners

• توابع – تولید کدهای QR Functions – Generating QR Codes

• دمو و معرفی Demo & Introduction

• راه‌اندازی HTML HTML Setup

• CSS بخش اول (استایل پایه ساعت) CSS Part 1 (Clock Base Styling)

• CSS بخش دوم (عقربه‌های ساعت و تغییر تم) CSS Part 2 (Clock Hands & Theme Toggle)

• منطق جاوااسکریپت JavaScript Logic

• معرفی و دمو Introduction & Demo

• ساختار HTML HTML Structure

• استایل‌دهی CSS بخش اول CSS Styling part 1

• استایل‌دهی CSS بخش دوم CSS style part 2

• راه‌اندازی جاوااسکریپت JavaScript Setup

• پیاده‌سازی قابلیت جابجایی (Swap) Swap Functionality

• منطق تبدیل ارز Conversion Logic

• به‌روزرسانی نمایش، پرچم‌ها و مقداردهی اولیه Updating Display, Flags & Initialization

• دمو و معرفی Demo & Introduction

• ساختار HTML اپلیکیشن هواشناسی HTML Structure of the Weather App

• استایل‌دهی اپلیکیشن هواشناسی Styling the Weather App

• راه‌اندازی DOM و مکان‌یابی (Geolocation) Setting Up the DOM & Geolocation

• رویدادهای جستجو و توابع کمکی Search Events & Helper Functions

• به‌روزرسانی نمایش وضعیت آب و هوا و پیش‌بینی 6 Updating Weather & Forecast Display

• دموی اپلیکیشن To-Do Demo of the To Do App

• ساختار HTML HTML Structure

• استایل‌دهی اپلیکیشن To-Do Styling the To Do App

• راه‌اندازی جاوااسکریپت و افزودن تسک JavaScript Setup and add a todo

• به‌روزرسانی تسک‌ها Update a To Do

• مدیریت ذخیره‌سازی محلی (Local Storage) Local Storage Handling

• شنونده‌های رویداد Event Listeners

• دمو و معرفی اپلیکیشن App Demo & Introduction

• راه‌اندازی HTML HTML setup

• استایل‌دهی CSS CSS Styling

• رویداد dom content loaded و تنظیمات اولیه dom content loaded event & initial setup

• توابع رابط کاربری برای لودر و خطا Loader and error UI functions

• دریافت داده‌های کاربر Fetching user data

• نمایش پروفایل کاربر Display user profile

• نمایش مخازن (Repositories) Display repositories

• نمایش کلی مخازن و پروفایل کاربر Display repositories and user profile

• دموی اپلیکیشن آزمون (Quiz) Demo of Quiz app

• ساخت ساختار صفحه اصلی آزمون Building the Main Quiz Page Structure

• ساخت صفحه ورود (Login) Building the Login Page

• ساخت صفحه ثبت‌نام (Signup) Building the Signup Page

• پیاده‌سازی احراز هویت با جاوااسکریپت Implementing Authentication with JavaScript

• توابع کمکی و ابزارها Helpers and Utilities

• مراجع DOM، وضعیت‌ها، تایمر و ثابت‌ها DOM References and State and Timer and Constants

• مقداردهی اولیه و رندر کردن لودر، خطا و آخرین امتیاز Initialization and Rendering Spinner, Error, and Last Score

• دریافت و نمایش سوالات Fetching and Displaying Questions

• مدیریت پاسخ‌های کاربر Handling User Answers

• محاسبه و نمایش نتایج Calculating and Rendering Results