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

مبانی توسعه مدرن وب Foundations of Modern Web Development

• مقدمه‌ای بر توسعه وب Introduction to Web Development

• بررسی عناصر اصلی HTML5 HTML5 Core Elements Overview

• رویدادهای HTML و جاوااسکریپت HTML and JavaScript Events

• کار با Geolocation API در HTML5 Geolocation API in HTML5

• مبانی کشیدن و رها کردن (Drag and Drop) Drag and Drop Fundamentals

• پیاده‌سازی پیشرفته Drag and Drop Advanced Drag and Drop Implementation

استایل‌دهی به وب با CSS Styling the Web with CSS

• مبانی و نحو (Syntax) در CSS CSS Basics and Syntax

• استایل‌دهی پیشرفته با CSS Advanced CSS Styling

• مبانی عناصر اصلی HTML5 HTML5 Main Element Basics

• استفاده عملی از عنصر Main Practical Usage of Main Element

• آموزش مدل جعبه‌ای CSS (Box Model) CSS Box Model Explained

• انتخابگرهای ترکیبی در CSS CSS Combination Selectors

• طراحی واکنش‌گرا با Media Queries Responsive Design with Media Queries

• ابزار Inspect Element در مرورگر Browser Inspect Element Tool

• آموزش Transition در CSS CSS Transitions Explained

• انیمیشن‌ها در CSS CSS Animations

مفاهیم اصلی جاوااسکریپت JavaScript Core Concepts

• انواع داده‌ها در جاوااسکریپت JavaScript Data Types

• نحوه استفاده از کنسول جاوااسکریپت JavaScript Console Usage

• مفاهیم پیشرفته جاوااسکریپت Advanced JavaScript Concepts

• مفهوم الگوی Singleton Singleton Pattern Concept

• پیاده‌سازی الگوی Singleton Singleton Pattern Implementation

• تعامل کاربر از طریق کنسول User Interaction via Console

• مقدمه‌ای بر Promises در جاوااسکریپت JavaScript Promises Introduction

• مدیریت و زنجیره‌سازی Promises Handling Promises and Chaining

مدیریت DOM و jQuery DOM Manipulation and jQuery

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

• مبانی انتخابگرهای jQuery jQuery Selectors Basics

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

• مبانی رویدادهای صفحه‌کلید Keyboard Events Basics

• مدیریت پیشرفته رویدادهای صفحه‌کلید Advanced Keyboard Event Handling

• ویژگی‌ها (Attributes) و مقادیر HTML HTML Attributes and Values

• تغییر دینامیک ویژگی‌ها Dynamic Attribute Manipulation

چیدمان‌های واکنش‌گرا با Bootstrap Responsive Layouts with Bootstrap

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

• کانتینرهای سیال (Fluid Containers) در بوت‌استرپ Bootstrap Fluid Containers

• چیدمان واکنش‌گرا با کانتینرهای سیال Responsive Layout with Fluid Containers

• طراحی و منطق صفحه‌بندی (Pagination) Pagination Design and Logic

• مبانی سیستم گرید Bootstrap Bootstrap Grid System Basics

• چیدمان‌های پیشرفته گرید در Bootstrap Advanced Bootstrap Grid Layouts

ساخت وب‌سایت پورتفولیو حرفه‌ای Building a Professional Portfolio Website

• ساختار صفحه پورتفولیو Portfolio Page Structure

• استایل‌دهی به صفحه پورتفولیو Portfolio Page Styling

• طراحی هدر پورتفولیو Portfolio Header Design

• بهبود عناوین پورتفولیو Enhancing Portfolio Titles

• طراحی بخش خدمات (Services) Services Section Design

• طراحی نوار ناوبری (Navbar) تاریک Dark Navbar Design

• طراحی صفحه تماس با ما Contact Page Design