وبینار بوتکمپ جامع برنامه نویسی فرانت اند – تابستان

آشنایی با HTML

• بررسی ساختار اسناد html و پیاده‌سازی چارچوب اولیه یک سند
• بررسی مفهوم المان‌های block level و inline level و معرفی تگ‌های قالب‌دهی
• بررسی تگ‌های جدول، نقل قول و استناد
• بررسی تگ‌های تصویر و قالب‌دهی کد
•  بررسی تگ‌های مالتی مدیا در HTML5
• بررسی انواع تگ‌های input در HTML5
• بررسی انواع اتریبیوت‌ها برای  input‌ها در HTML5
• بررسی انواع تگ‌های مفهومی ( semantic web elements )
• مقدمات و آشنایی با CSS
• مفهوم box model در CSS
• استایل‌دهی به متن در CSS
• قواعد نوشتاری و مفهوم Selector
• combinator و attribute سلکتور‌ها
• کار با پس زمینه ( background ) در css
• لیست‌ها ( list ) و نمایش المان‌ها ( display )
• شبه کلاس‌ها ( seudo classes ) و position
• شبه عناصر seudo elements
• gradient و border image در CSS

انیمیشن‌ها در CSS3

• transformدر css
• 3D-transformدر css
• Transitionدر css
• keyframe‌ها در انمیشن‌ها در css
• آشنایی با طراحی رسپانسیو
• معرفی مدیا کوئری‌ها در css3
• معرفی سیستم grid در طراحی رسپانسیو
• آشنایی با Flexbox در CSS3
• مزیت استفاده از Flexbox
• کار با ویژگی‌های Flexbox در CSS3

آشنایی با CSS Grid

• تفاوت CSS Grid و Flexbox
• مفاهیم CSS Grid
• خش‌بندی المان‌ها در CSS Grid
• آشنایی اولیه با فریمورک Tailwind CSS
• بررسی امکانات، مزایا، معایب و پیش‌نیازهای آن
• شنایی با فایل‌های مربوط به پیکربندی
• شخصی سازی کلاس ها
• Responsive کردن در Tailwind

شروع آشنایی با جاوا اسکریپت

• آشنایی با متغیرها در جاوا اسکریپت
• آشنایی با Data Types
• آشنایی با Functions و Methods در جاوا اسکریپت
• آشنایی با انواع شرط‌ها در جاوا اسکریپت If Else If Statements – Switch… Case… Break
• آشنایی با حلقه‌ها در جاوا اسکریپت
• آشنایی با object ها در جاوا اسکریپت
• آشنایی با array ها در جاوا اسکریپت
• آشنایی با کارکردن بر روی DOM با استفاده از جاوا اسکریپت
• Event Listeners در JS
• کار کردن با ES6 و تفاوت‌های آن

آشنایی با ماژول‌ها در جاوا اسکریپت

• پردازش همگام و غیرهمگام در جاوا اسکریپت (sync & async)
• نحوه اجرای HTTP Requests و آشنایی با XMLHttpRequest در جاوا اسکریپت
• آشنایی با Storage های مرورگر و نحوه کار کردن با آن‌ها

کلاس‌ها

• Destructuring
• arrow function‌ها در ES6
• اسکوپ‌ها و Let
• مدیریت خطاها با استفاده از Try و Catch
• بررسی BOM

آشنایی با React

• آشنایی با React
• آشنایی با spa ها
• آشنایی با CreateElement در ری اکت
• JSX و ویژگی‌های آن
•  Component چیست؟
• نحوه ساخت functinal component

آشنایی با virtual DOM

• ایجاد Component با استفاده از Class
• ایجاد ارتباط بین کامپوننت‌ها
• React Component Props
• List rendering
• state چیست؟
• Event handeling

Conditional Rendering

• دلایل اضافه شدن React Hooks
• آشنایی با useState
• آشنایی با useEffect
• useRef
• useReducer

آشنایی با context

• useMemoو useCallback
• custom hooks
• کار با React Router

ادامه کار با React Router

• درخواست HTTP

آموزش redux

پیاده‌سازی پروژه تمرینی با react router,Tailwind,useSwr