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

شروع توسعه وب Get started with web development

• معرفی برنامه آموزشی Introduction to the Program

• معرفی دوره Introduction to the course

• نقش‌های توسعه‌دهنده فرانت‌اند، بک‌اند و فول‌استک Front-end, back-end and full-stack developer roles

• یک روز از زندگی یک توسعه‌دهنده فرانت‌اند A day in the life of a front-end developer

• اینترنت چگونه کار می‌کند؟ How the internet works

• وب سرور چیست و چگونه کار می‌کند؟ What is a web server and how does it work?

• وب‌سایت‌ها و صفحات وب چه هستند؟ What are websites and webpages?

• مرورگر وب چیست و چگونه کار می‌کند؟ What is a web browser and how does it work?

• میزبانی وب (Web Hosting) Web hosting

• مقدمه‌ای بر پروتکل‌های اینترنت Introduction to Internet Protocols

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

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

• تفاوت صفحات وب، وب‌سایت‌ها و اپلیکیشن‌های وب Webpages, Websites and Web Apps

• ابزارهای توسعه‌دهنده (Developer Tools) Developer tools

• فریم‌ورک‌ها و کتابخانه‌ها Frameworks and libraries

• APIها و سرویس‌ها APIs and services

• IDE یا محیط توسعه چیست؟ What is a an IDE?

• خلاصه ماژول: شروع توسعه وب Module Summary - Get started with Web Development

مقدمه‌ای بر HTML و CSS Introduction to HTML and CSS

• زبان HTML چیست؟ What is Hyper Text Markup Language?

• اسناد HTML HTML documents

• لینک‌دهی بین اسناد Linking documents

• افزودن تصاویر به صفحه وب با HTML Adding images to a webpage with HTML

• استفاده از HTML برای کار با داده‌ها در جداول Use HTML to work with data in tables

• فرم‌ها چه هستند؟ What are forms?

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

• دسترسی‌پذیری وب (Web Accessibility) Web accessibility

• انتخاب‌گرها و استایل‌دهی Selecting and styling

• مقدمه‌ای بر مدل جعبه‌ای (Box Model) Box model introduction

• جریان سند: Block در مقابل Inline Document flow - Block vs. In-line

• خلاصه ماژول: مقدمه‌ای بر HTML و CSS Module Summary - Introduction to HTML and CSS

فریم‌ورک‌های رابط کاربری (UI) UI Frameworks

• کار با کتابخانه‌ها Working with libraries

• مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design) Introduction to responsive design

• شروع کار با Bootstrap Getting started with Bootstrap

• استفاده از استایل‌های Bootstrap Using Bootstrap styles

• شبکه (Grid) در بوت‌استرپ Bootstrap grid

• اجزای (Components) بوت‌استرپ Bootstrap components

• محتوای استاتیک و داینامیک Static and dynamic content

• اپلیکیشن‌های تک صفحه‌ای (SPA) Single page applications

• React چیست؟ What is React?

• React چگونه کار می‌کند؟ How React works

• سلسله مراتب کامپوننت‌ها Component hierarchy

• خلاصه ماژول: فریم‌ورک‌های UI Module Summary: UI Frameworks

ارزیابی نهایی دوره End-of-Course Graded Assessment

• مرور دوره اول: مقدمه‌ای بر توسعه وب Course 1 Recap: Introduction to Web Development

• تبریک، شما دوره مقدماتی توسعه وب را به پایان رساندید Congratulations, you have completed Introduction to Web Development