آموزش مبانی توسعه وب فرانت-اند (Front-End) - آخرین آپدیت

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

مقدمه Introduction

• توسعه فرانت-اند چیست What is Front-End Development

• وب‌سایت‌ها چگونه کار می‌کنند How websites work

• آشنایی با HTML، CSS و جاوااسکریپت Introduction to HTML, CSS and JavaScript

ساختار و عناصر HTML HTML structure and elements

• ساختار و عناصر HTML HTML structure and elements

• HTML معنایی (Semantic HTML) Semantic HTML

• ورودی‌ها و انواع فرم‌ها Form Inputs and Types

سینتکس و انتخاب‌گرهای CSS CSS Syntax and Selector

• سینتکس و انتخاب‌گرهای CSS CSS Syntax and Selector

• استایل‌دهی به متن، پس‌زمینه و حاشیه‌ها Styling Text, Background and Borders

• مدل باکس (Box Model) و مبانی چیدمان Box model and layout basics

فلکس باکس (Flex Box) Flex Box

• فلکس باکس (Flex Box) Flex Box

• گرید (CSS Grid) Grid (CSS Grid)

• اصول طراحی ریسپانسیو Responsive Design Principles

• انیمیشن‌ها و ترنزیشن‌های CSS CSS Transitions and Animations

• آشنایی با Tailwind CSS Tailwind CSS Introduction

سینتکس و متغیرهای جاوااسکریپت JavaScript syntax and variables

• سینتکس و متغیرهای جاوااسکریپت JavaScript syntax and variables

• مبانی دستکاری DOM Basic DOM Manipulation

• توابع، حلقه‌ها و دستورات شرطی Functions, Loops and conditions

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

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

فریم‌ورک ری‌اکت (React) React Framework

• فریم‌ورک ری‌اکت (React) React Framework

کنترل نسخه و Git Version Control and Git

• کنترل نسخه و Git Version Control and Git

ساخت یک پروژه کامل فرانت-اند Building a complete Front- End Project

• ساخت یک پروژه کامل فرانت-اند Building a complete Front- End Project

تست و ارائه نهایی Testing and Final Presentation

• تست و ارائه نهایی Testing and Final Presentation