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

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

مقدمه‌ای بر وب Introduction to Web

• معرفی برنامه‌نویسی وب Introducing Web Programming

• آشنایی با مدرس: پروفسور R.K. Chandra Shekar Meet your Instructor: Prof. R.K. Chandra Shekar

• آشنایی با مدرس: پروفسور Akshaya Ganesan Meet your Instructor: Prof. Akshaya Ganesan

• آشنایی با مدرس: پروفسور Shreyas Rao Meet your Instructor: Prof. Shreyas Rao

• اینترنت چیست؟ What Is Internet?

• مرورگرهای وب و سرورهای وب Web Browsers and Web Servers

• آدرس‌دهی و نحوه عملکرد وب Addressing and Working of the Web

• پروتکل‌های وب Web Protocols

• درخواست HTTP HTTP Request

• پاسخ HTTP HTTP Response

• ویژگی‌های اپلیکیشن‌های وب Web Application Characteristics

• تکنولوژی‌های برنامه‌نویسی سمت کاربر و سمت سرور Technologies for Client-Side and Server-Side Programming

زبان نشانه‌گذاری ابرمتنی (HTML) HyperText Markup Language (HTML)

• HTML چیست؟ What Is HTML?

• محیط توسعه Development Environment

• آناتومی یک تگ HTML Anatomy of an HTML Tag

• ساختار پایه سند HTML Basic HTML Document Structure

• عناصر پایه HTML HTML Basic Elements

• عناصر بلاکی و درون‌خطی (Block and Inline) Block and Inline Elements

• لینک‌ها و لیست‌ها در HTML: بخش اول HTML Links and List: Part 1

• لینک‌ها و لیست‌ها در HTML: بخش دوم HTML Links and List: Part 2

• جداول در HTML HTML Tables

• عناصر معنایی (Semantic) در HTML HTML Semantic Elements

• متادیتا در HTML Metadata in HTML

• مدل‌های محتوایی HTML HTML Content Models

• تصاویر در HTML HTML Images

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

• آی‌فریم‌ها (iFrames) iFrames

• گرافیک در HTML HTML Graphics

• فرم‌های HTML HTML Forms: HTML Forms

• عناصر فرم در HTML HTML Form Elements

• دمو: عناصر فرم Demo: Form Elements

• دسترسی‌پذیری (Accessibility) Accessibility

مبانی CSS و طراحی چیدمان CSS Fundamentals & Layout Design

• CSS چیست؟ What Is CSS?

• اعمال استایل‌ها به صفحات وب Applying Styles to Web Pages

• قوانین CSS CSS Rules

• ویژگی‌های CSS: استایل‌دهی متن CSS Properties: Styling Text

• ویژگی‌های CSS: رنگ‌ها و پس‌زمینه CSS Properties: Colors and Background

• انتخاب‌گر عنصر و ID Element and ID Selector

• انتخاب‌گر کلاس و اتریبیوت Class and Attribute Selector

• انتخاب‌گر شبه‌کلاس و شبه‌عنصر Pseudo Class and Pseudo Element Selector

• ترکیب انتخاب‌گرها Combining Selectors

• الگوریتم آبشاری (Cascade) Cascade Algorithm

• ویژگی Specificity Specificity

• وراثت (Inheritance) Inheritance

• مدل جعبه‌ای CSS: بخش اول CSS Box Model: Part 1

• مدل جعبه‌ای CSS: بخش دوم CSS Box Model: Part 2

• حاشیه و فاصله (Borders and Margin) Borders and Margin

• جریان عادی (Normal Flow) Normal Flow

• ویژگی Display در CSS CSS Display

• جای‌گذاری (Positioning) در CSS: بخش اول CSS Positioning: Part 1

• جای‌گذاری (Positioning) در CSS: بخش دوم CSS Positioning: Part 2

• ویژگی Float در CSS CSS Float

• محورهای Flex Axes of Flex

• کانتینر Flex Flex Container

• ویژگی‌های Flex Flex Properties

• جهت Flex (Flex Direction) Flex Direction

• چیدمان گرید (Grid Layout) Grid Layout

• چیدمان گرید: اصطلاحات Grid Layout: Terminologies

• ویژگی‌های گرید Grid Properties

• جای‌گذاری با Grid Template Areas Positioning with Grid Template Areas

• طراحی وب ریسپانسیو Responsive Web Design

• پرس‌وجوهای رسانه‌ای (Media Queries) Media Queries

مبانی جاوا اسکریپت و تعامل با DOM JavaScript Fundamentals & DOM Interaction

• مروری بر جاوا اسکریپت Overview of JavaScript

• دمو: مروری بر جاوا اسکریپت Demo: Overview of JavaScript

• انواع داده‌های اولیه، عملیات، عبارت‌ها و ورودی/خروجی Primitives, Operations, Expressions, and Input/Output

• دمو: انواع داده‌های اولیه، عملیات، عبارت‌ها و ورودی/خروجی Demo: Primitives, Operations, Expressions, and Input/Output

• دستورات کنترلی: بخش اول Control Statements: Part I

• دمو: دستورات کنترلی - بخش اول Demo: Control Statements—Part I

• دستورات کنترلی: بخش دوم Control Statements: Part II

• دمو: دستورات کنترلی - بخش دوم Demo: Control Statements—Part II

• دستورات کنترلی: بخش سوم Control Statements: Part III

• دمو: دستورات کنترلی - بخش سوم Demo: Control Statements—Part III

• ایجاد و تغییر اشیاء: بخش اول Object Creation and Modification: Part 1

• ایجاد و تغییر اشیاء: بخش دوم Object Creation and Modification: Part 2

• ایجاد و تغییر اشیاء: بخش سوم Object Creation and Modification: Part 3

• ایجاد و تغییر اشیاء: بخش چهارم Object Creation and Modification: Part 4

• آرایه‌ها Arrays

• توابع Functions

• محیط اجرای جاوا اسکریپت The JavaScript Execution Environment

• تگ‌ها: جای‌گذاری و ویژگی‌ها Tag: Placement and Attributes

• مدل شیء سند (DOM): بخش اول The Document Object Model (DOM): Part I

• مدل شیء سند (DOM): بخش دوم The Document Object Model (DOM): Part II

• دسترسی به عناصر در جاوا اسکریپت Element Access in JavaScript

• دمو: دسترسی به عناصر در جاوا اسکریپت Demo: Element Access in JavaScript

• برنامه‌نویسی رویداد-محور Event-Driven Programming

• رویداد و مدیریت رویدادها Event and Event Handling

• مدیریت رویدادها از عناصر بدنه (Body) Handling Events from Body Elements

• مدیریت وضعیت (State Management) با جاوا اسکریپت State Management Using JavaScript

• دمو: تنظیم و بازیابی کوکی با جاوا اسکریپت Demo: Setting and Retrieving Cookie Using JavaScript

فرمت‌های سریال‌سازی داده‌ها Data Serialization Formats

• فرمت‌های سریال‌سازی داده‌ها Data Serialization Formats

• XML، JSON و YAML XML, JSON, and YAML

• کاربردها و موارد استفاده Utility and Use Cases

• سند XML XML Document

• اعتبارسنجی XML XML Validation

• تعریف طرح XML (XSD) XML Schema Definition (XSD)

• XML: جمع‌بندی کلی XML: Putting It All Together

• کاربردهای عملی XML در برنامه‌نویسی وب Practical Applications of XML in Web Programming

• سینتکس و انواع داده‌های JSON JSON Syntax and Data Types

• اشیاء و آرایه‌های JSON JSON Objects and Arrays

• پارسینگ و تولید JSON در جاوا اسکریپت Parsing and Generating JSON in JavaScript

• JSON: جمع‌بندی کلی JSON: Putting It All Together

• کاربردهای عملی JSON در برنامه‌نویسی وب Practical Applications of JSON in Web Programming

• مبانی YAML و کاربرد در فایل‌های پیکربندی و داده‌ها YAML Basics and Utility in Configuration Files and Data

• YAML برای توسعه وب YAML for Web Development

اسکریپت‌نویسی سمت سرور با PHP Server-Side Scripting with PHP

• مقدمه‌ای بر اسکریپت‌نویسی سمت سرور و تکامل آن Introduction to Server-Side Scripting and Evolution

• مقایسه اسکریپت‌نویسی سمت کاربر در مقابل سمت سرور Client-Side versus Server-Side Scripting

• مروری بر تکنولوژی‌های بک‌اند (Backend) Overview of Backend Technologies

• دمو: راه‌اندازی محیط Demo: Environment Setup

• متغیرها و انواع داده‌ها در PHP Variables and Data Types in PHP

• عملگرها در PHP Operators in PHP

• ساختارهای کنترلی در PHP Control Structures in PHP

• توابع در PHP Functions in PHP

• آرایه‌ها در PHP Arrays in PHP

• مدیریت استثناها (Exception Handling) در PHP Exception Handling in PHP

• مدیریت نشست‌ها (Session) در PHP Session Management in PHP

• مدیریت کوکی‌ها در PHP Cookie Management in PHP

• مدیریت فرم‌ها در PHP Form Handling in PHP

• دمو: فرم‌های PHP Demo: PHP Forms

• مبانی پایگاه داده: درک MySQL و دستورات SQL Database Basics: Understanding MySQL and SQL Commands

• اتصال پایگاه داده بین PHP و MySQL Database Connectivity Between PHP and MySQL

• دمو: عملیات CRUD با PHP و MySQL Demo: CRUD Operations with PHP and MySQL

الگوی MVC و فریم‌ورک‌های PHP MVC and PHP Frameworks

• بررسی فریم‌ورک‌های PHP Exploring PHP Frameworks

• مزایای استفاده از فریم‌ورک‌های PHP Benefits of Using PHP Frameworks

• مقدمه‌ای بر میکروفریم‌ورک‌ها Introduction to Microframeworks

• MVC چیست و چرا اهمیت دارد؟ What Is MVC and Why Is It Important?

• مدل (Model): مدیریت داده‌ها در اپلیکیشن‌های PHP Model: Managing Data in PHP Applications

• ویو (View): مدیریت نمایش و رابط کاربری View: Handling Presentation and User Interface

• کنترلر (Controller): مدیریت منطق اپلیکیشن Controller: Managing Application Logic

• لاراول (Laravel): یک فریم‌ورک جامع PHP Laravel: A Comprehensive PHP Framework

• سایر فریم‌ورک‌های PHP Other PHP Frameworks

• ساخت اپلیکیشن MVC با استفاده از لاراول MVC Application Using Laravel

• دمو: اپلیکیشن MVC با لاراول Demo: MVC Application Using Laravel

• لومن (Lumen): ساخت میکروسرویس‌ها با میکروفریم‌ورک لاراول Lumen: Building Microservices with Laravel’s Microframework

• انتخاب فریم‌ورک PHP مناسب برای پروژه شما Choosing the Right PHP Framework for Your Project

• روندهای آینده در توسعه فریم‌ورک‌های PHP Future Trends in PHP Framework Development

توسعه وب فول‌استک و تست Full Stack Web Development and Testing

• درک توسعه وب فول‌استک (Full Stack) Understanding Full Stack Web Development

• تکامل استک‌های وب: LAMP، WAMP و XAMPP The Evolution of Web Stacks: LAMP, WAMP, and XAMPP

• استک‌های مدرن وب: MEAN و MERN Modern Web Stacks: MEAN and MERN

• بهره‌گیری از APIها در توسعه فول‌استک: بخش اول Leveraging APIs in Full Stack Development: Part I

• بهره‌گیری از APIها در توسعه فول‌استک: بخش دوم Leveraging APIs in Full Stack Development: Part II

• اهمیت تست در توسعه وب Significance of Testing in Web Development

• انواع تست در توسعه فول‌استک Types of Testing in Full Stack Development

• ابزارهای مورد استفاده در تست‌های فول‌استک Tools Used in Full Stack Testing

• بهترین روش‌ها برای تست فول‌استک Best Practices for Full Stack Testing

• XAMP: اجزا و راه‌اندازی XAMP: Components and Setup

• توسعه فرانت‌اند با HTML، CSS و جاوا اسکریپت Front-End Development with HTML, CSS, and JavaScript

• توسعه سمت سرور با PHP و MySQL Server-Side Development with PHP and MySQL

• اتصال فرانت‌اند و بک‌اند: ایجاد یک اپلیکیشن فول‌استک Connecting Front End and Back End: Creating a Full Stack Application

• دمو: اپلیکیشن فول‌استک Demo: Full Stack Application