آموزش مبانی توسعه وب (Web Development Fundamentals) - آخرین آپدیت

شروع به کار Getting Started

• مقدمه‌ای بر بخش شروع به کار Introduction to Getting Started Section

• راهنمای شروع Getting Started

• نحوه دیباگ کردن کد How to Debug the Code

HTML 5 HTML 5

• مقدمه‌ای بر HTML 5 Introduction to HTML 5

• اولین صفحه وب شما Your First Webpage

• ساختار یک صفحه وب The Structure of a Webpage

• ساخت یک صفحه وب کامل Creating a Full Webpage

• تگ‌های هدر (Header) Header Tags

• تگ‌های پاراگراف Paragraph Tags

• قالب‌بندی متن Formatting Text

• لیست‌های بدون ترتیب Unordered Lists

• لیست‌های مرتب Ordered Lists

• تصاویر Images

• فرم‌ها Forms

• جداول Tables

• لینک‌ها Links

• موجودیت‌های HTML HTML Entities

• صوت و ویدیو Audio and Video

• جمع‌بندی و ترکیب مطالب Putting It All Together

• راه‌اندازی هاست رایگان Setting Up Your Free Hosting

• تنظیمات FTP Setting Up FTP

CSS 3 CSS 3

• مقدمه‌ای بر بخش CSS 3 Introduction to CSS 3 Section

• CSS چیست؟ What Is CSS?

• استایل‌دهی داخلی (Inline CSS) Inline CSS

• استایل‌دهی درونی (Internal CSS) Internal CSS

• کلاس‌ها و آی‌دی‌ها (Classes and IDs) Classes and IDs

• المان‌های Div Divs

• رنگ‌ها Colors

• شناور کردن (Floating) Floating

• جای‌گذاری (Positioning) Positioning

• حاشیه‌های بیرونی (Margins) Margins

• فاصله‌های داخلی (Padding) Padding

• borderها و حاشیه‌ها Borders

• فونت‌ها Fonts

• استایل‌دهی به متن Styling Text

• تراز کردن متن Aligning Text

• استایل‌دهی به لینک‌ها Styling Links

• انتخاب‌گرهای پیشرفته Advanced Selectors

• شبه‌کلاس‌ها (Pseudo Classes) Pseudo-Classes

• گرادینت‌ها Gradients

• افکت سایه Shadow Effect

• ترانسفورم‌ها و انیمیشن‌ها Transformations and Animations

• فلکس‌باکس (Flexbox) Flexbox

• ریست کردن CSS CSS Reset

• پروژه: وب‌سایت نمونه‌کار - بخش اول Project: Portfolio Website

• پروژه: وب‌سایت نمونه‌کار - بخش دوم Project: Portfolio Website Part 2

• پروژه: وب‌سایت نمونه‌کار - بخش سوم Project: Portfolio Website Part 3

• استایل‌دهی خارجی (External CSS) External CSS

• پروژه CSS: وب‌سایت BBC News (۱) CSS Project BBC News Website (1)

• پروژه CSS: وب‌سایت BBC News (۲) CSS Project BBC News Website (2)

• پروژه CSS: وب‌سایت BBC News (۳) CSS Project BBC News Website (3)

• پروژه CSS: وب‌سایت BBC News (۴) CSS Project BBC News Website (4)

جاوااسکریپت JavaScript

• مقدمه‌ای بر بخش جاوااسکریپت Introduction to JavaScript Section

• جاوااسکریپت چیست؟ What Is JavaScript?

• جاوااسکریپت داخلی (Internal JS) Internal JavaScript

• دسترسی به عناصر Accessing Elements

• واکنش به کلیک Responding to a Click

• تغییر محتوای وب‌سایت Changing Website Content

• مدیریت استایل‌ها با جاوااسکریپت Manipulating Styles with JavaScript

• چالش: دایره‌های ناپدیدشونده Challenge - Disappearing Circles

• متغیرها Variables

• آرایه‌ها Arrays

• دستورات شرطی (If Statements) If Statements

• پروژه بازی: چند انگشت؟ Game - How Many Fingers Projects

• حلقه‌های For For Loops

• حلقه‌های While While Loops

• توابع (Functions) Functions

• متغیرهای let و const Let and Const Variables

• پروژه: تست‌کننده سرعت واکنش Project: Reaction Tester

• جاوااسکریپت خارجی (External JS) External JavaScript

جی‌کوئری jQuery

• مقدمه‌ای بر بخش جی‌کوئری Introduction to jQuery Section

• جی‌کوئری چیست؟ What Is jQuery?

• استفاده از jQuery در صفحات وب Using jQuery in Your Webpages

• تشخیص کلیک Detecting a Click

• تغییر محتوای وب‌سایت با jQuery Changing Website Content

• تغییر استایل‌های وب‌سایت با jQuery Changing Website Styles

• افکت محو شدن محتوا (Fading) Fading Content Effect

• انیمیت کردن محتوا Animating Content

• عبارات منظم (Regular Expressions) Regular Expressions

• معرفی jQuery UI Introducing jQuery UI

• عناصر قابل جابه‌جایی (Draggables) Draggables

• عناصر قابل تغییر اندازه (Resizables) Resizables

• عناصر قابل رها کردن (Droppables) Droppables

• آکاردئون‌ها و مرتب‌کننده‌ها Accordions and Sortables

بوت‌استرپ 5 Bootstrap 5

• مقدمه‌ای بر بخش بوت‌استرپ Introduction to Bootstrap Section

• بوت‌استرپ چیست؟ What Is Bootstrap?

• اولین سایت بوت‌استرپی شما Your First Bootstrap Site

• سیستم شبکه‌بندی (Grid System) The Grid System

• معرفی نوار ناوبری (Navbars) Introducing Navbars

• فرم‌ها و جداول در بوت‌استرپ Forms and Tables

• کامپوننت‌های بوت‌استرپ Bootstrap Components

• مودال‌ها، پاپ‌اورها و تول‌تیپ‌ها Modals, Popovers, and Tooltips

• قابلیت ScrollSpy ScrollSpy

• پروژه: ساخت صفحه فرود (Landing Page) Project - Landing Page