آموزش بوتکمپ جامع توسعه فرانتاند (Frontend) همراه با پروژههای عملی - آخرین آپدیت
دانلود Complete Frontend Development Bootcamp with Projects
توسعه فرانتاند (Frontend Development) را از صفر بیاموزید و با این دوره جامع و عملی، وبسایتهای مدرن، ریسپانسیو و تعاملی بسازید. چه یک مبتدی مطلق باشید و چه به دنبال تقویت مهارتهای خود در توسعه وب باشید، این دوره شما را از طریق مثالهای واقعی و پروژههای کاربردی با تمام مفاهیم ضروری آشنا میکند.
شما با HTML5 شروع میکنید و یاد میگیرید چگونه صفحات وب حرفهای را با استفاده از عناصر معنایی (Semantic)، فرمها، جداول، چندرسانهای و بهترین روشهای دسترسیپذیری ساختاردهی کنید. سپس در CSS3 تسلط مییابید، از جمله انتخابگرها، Box Model، Flexbox، Grid، انیمیشنها، Transitions و طراحی واکنشگرا با Media Queries. همچنین Bootstrap 5 و Tailwind CSS را برای ساخت سریع و بهینه رابطهای کاربری موبایل-اول (Mobile-first) خواهید آموخت.
سپس دوره به سراغ JavaScript (ES6+) میرود و مباحثی چون متغیرها، انواع داده، آرایهها، اشیاء، توابع، دستکاری DOM، رویدادها، برنامهنویسی ناهمگام، APIها و Axios را پوشش میدهد. در نهایت، React JS را یاد میگیرید، شامل JSX، کامپوننتها، props، state، هوکها، React Router، اتصال به API و متدهای مدرن توسعه برای ساخت اپلیکیشنهای تکصفحهای (SPA) مقیاسپذیر.
در طول دوره، تمرینهای کدنویسی، کوئیزها، مینیپروژهها و یک پروژه نهایی (Capstone Project) واقعی را برای پیادهسازی آموختههایتان انجام خواهید داد. در پایان، اعتمادبهنفس لازم برای ساخت وبسایتهای ریسپانسیو و اپلیکیشنهای مدرن ریاکت را خواهید داشت، یک پورتفولیوی خیرهکننده میسازید و برای موقعیتهای شغلی فرانتاند، پروژههای فریلنسری و مصاحبههای فنی کاملاً آماده میشوید.
شروع کار با HTML Getting Started with HTML
-
مقدمه Introduction
-
خوشآمدگویی به HTML و نحوه عملکرد وب Welcome to HTML & How the Web Works
-
راهاندازی VS Code و ساخت اولین صفحه HTML Setting Up VS Code & Creating Your First HTML Page
-
کار با هایپرلینکها، لیستها و ناوبری Working with Hyperlinks, Lists, and Navigation
-
ساخت و استایلدهی به جداول HTML Creating and Styling HTML Tables
-
ساخت فرمهای تعاملی با HTML Building Interactive Forms with HTML
-
افزودن چندرسانهای و نوشتن HTML5 معنایی Adding Multimedia & Writing Semantic HTML5
-
بررسی ویژگیهای پیشرفته HTML5 و APIها Exploring Advanced HTML5 Features & APIs
-
ساختاربندی یک صفحه وب کامل با HTML5 Structuring a Complete Webpage with HTML5
-
پروژه ارزیابی Assessment Project
-
تست سنجش دانش HTML HTML Knowledge Check
سیاساس و استایلدهی مدرن (بوتاسترپ و تیلویند) CSS & Modern Styling (Bootstrap & Tailwind)
-
مبانی CSS: ویژگیها و اصول اولیه استایلدهی CSS Fundamentals: Properties & Styling Basics
-
تسلط بر انتخابگرهای CSS و اولویتبندی (Specificity) Mastering CSS Selectors & Specificity
-
درک Box Model، Display و Flexbox Understanding the Box Model, Display & Flexbox
-
طراحی وب ریسپانسیو با Media Queries Responsive Web Design with Media Queries
-
تکنیکها و افکتهای پیشرفته CSS Advanced CSS Techniques & Effects
-
دوره سریع بوتاسترپ: ساخت وبسایتهای واکنشگرا Bootstrap Crash Course: Build Responsive Websites
-
دوره سریع Tailwind CSS: استایلدهی Utility-First Tailwind CSS Crash Course: Utility-First Styling
-
تست سنجش دانش CSS، بوتاسترپ و تیلویند CSS, Bootstrap & Tailwind Knowledge Check
تسلط بر جاوااسکریپت برای توسعه وب Mastering JavaScript for Web Development
-
مقدمهای بر جاوااسکریپت و راهاندازی محیط توسعه Introduction to JavaScript & Setting Up the Development Environment
-
کار با رشتهها، اعداد، آرایهها و اشیاء Working with Strings, Numbers, Arrays & Objects
-
کنترل جریان: دستورات شرطی و حلقهها Control Flow: Conditional Statements & Loops
-
توابع: ساخت کدهای جاوااسکریپت قابل استفاده مجدد Functions: Building Reusable JavaScript Code
-
دستکاری DOM: انتخاب و بهروزرسانی عناصر وب DOM Manipulation: Selecting & Updating Web Elements
-
جاوااسکریپت مدرن (ES6+): ویژگیها و سینتکسهای ضروری Modern JavaScript (ES6+): Essential Features & Syntax
-
مینی پروژه: ساخت یک تولیدکننده گرادینت تعاملی Mini Project: Build an Interactive Gradient Generator
-
مینی پروژه: ساخت یک پخشکننده موسیقی کاربردی Mini Project: Build a Functional Music Player
ضروریات React JS: ساخت اپلیکیشنهای وب تعاملی مدرن React JS Essentials: Build Modern Interactive Web Applications
-
مبانی JSX: نوشتن HTML در ریاکت JSX Fundamentals: Writing HTML in React
-
کامپوننتها و Props: ساخت رابط کاربری قابل استفاده مجدد Components & Props: Building Reusable UI
-
هوکهای ریاکت: useState، useEffect و فراتر از آن React Hooks: useState, useEffect & Beyond
-
React Router DOM: ناوبری در اپلیکیشنهای تکصفحهای React Router DOM: Navigation in Single Page Applications
-
یکپارچهسازی API در ریاکت با استفاده از Axios API Integration in React Using Axios
پروژه نهایی: وبسایت کامل فرانتاند با HTML، CSS، JavaScript و React Capstone Project: Full Frontend Website Using HTML, CSS, JavaScript & React
-
پروژه نهایی فرانتاند - بخش اول Frontend Capstone Project Part 1
-
پروژه نهایی فرانتاند - بخش دوم Frontend Capstone Project Part 2
https://donyad.com/d/4fae6a
Shubhangi Singh
مدرس ارشد
نمایش نظرات