برگزار شده
دوره جامع برنامه نویسی فرانت اند از صفر

کلاس و دوره آموزشی نیمه خصوصی دوره جامع برنامه نویسی فرانت اند از صفر با استاد حسین اشرفی پور

ثبت نام در کلاس آنلاین نیمه خصوصی دوره جامع برنامه نویسی فرانت اند از صفر با قیمت مناسب که استاد حسین اشرفی پور برگزار می کند.

برگزار کننده: استاد حسین اشرفی پورزمان ثبت نام: 1403/06/03 19:00 - 1403/07/03 22:30زمان برگزاری: 1403/08/02 19:00 - 1403/11/17 21:00روزهای برگزاری: شنبه، دوشنبه، چهارشنبه 7 تا 9 شب
هزینه دوره: 
8,300,000 تومان
  • توضیحات دوره
  • سرفصل ها
  • نظرات
دوره برگزار شده است.
توضیحات دوره
نحوه برگزاری: آنلاین
<!-- تعداد نفرات دوره حدود: --> 2
حداکثر ظرفیت شرکت‌کنندگان 1 نفر است.
دوره جامع برنامه نویسی فرانت اند شامل 80 ساعت کلاس نیمه خصوصی با متد آموزشی flippd classroom و با بروزترین مباحث برنامه نویسی فرانت اند بصورت آنلاین برگزار می شود. شما با حداقل دانش برنامه نویسی از صفر میتوانید شروع به آموزش کنید.

آموزش HTML

آموزش CSS

آموزش JavaScript

آموزش Git

آموزش Github

آموزش tailwindCSS

آموزش ری اکت جی اس

آموزش Typescript

مباحث اصلی این دوره هستند.

این دوره با رویکرد کلاس معکوس (Flipped Classroom) ارائه می‌شود، که در آن دانشجویان ابتدا به صورت مستقل ویدئوها و مطالب آموزشی را مطالعه می‌کنند و سپس در کلاس‌های حضوری یا آنلاین به بحث و تمرین عملی می‌پردازند. این روش آموزش به دانشجویان اجازه می‌دهد تا درک عمیق‌تری از مباحث داشته باشند و با مشارکت فعال در کلاس‌ها، سؤالات خود را مطرح کرده و مشکلات خود را حل کنند. این مدل آموزشی به ویژه برای یادگیری مفاهیم برنامه نویسی بسیار موثر است، زیرا دانشجویان می‌توانند زمان بیشتری را صرف تمرین و پروژه‌های عملی کنند.

سرفصل ها
سرفصل ها HTML

مقدمه‌ای بر HTML
  • آشنایی با HTML و تاریخچه آن
  • ساختار کلی یک سند HTML
  • اولین صفحه وب خود را ایجاد کنید
عناصر پایه HTML
  • المنت‌ها و تگ‌ها
  • تگ‌های متن (p, h1-h6, span, div)
  • تگ‌های تصویر و ویدئو (img, video)
فرم‌ها و ورودی‌ها
  • تگ‌های فرم (form, input, textarea)
  • انواع ورودی‌ها (text, password, email)
  • دکمه‌ها و ارسال فرم
لینک‌ها و لیست‌ها
  • تگ لینک (a)
  • لیست‌های مرتب و نامرتب (ul, ol, li)
  • لینک‌های داخلی و خارجی
جداول و ساختاردهی داده‌ها
  • تگ‌های جدول (table, tr, td)
  • سرصفحه‌های جدول (thead, th)
  • ترکیب سلول‌ها (colspan, rowspan)
متا تگ‌ها و سئو
  • آشنایی با متا تگ‌ها
  • نقش متا تگ‌ها در سئو
  • بهینه‌سازی صفحات وب برای موتورهای جستجو
کار با CSS در HTML
  • اضافه کردن استایل به HTML
  • استفاده از کلاس‌ها و آیدی‌ها
  • طراحی و استایل‌دهی عناصر
مباحث پیشرفته HTML
  • تگ‌های معنایی (semantic tags)
  • تگ‌های مدیا (audio, embed)
  • کار با SVG و Canvas

سرفصل های CSS

مقدمه‌ای بر CSS
  • آشنایی با CSS و تاریخچه آن
  • نحوه افزودن CSS به یک سند HTML
  • ساختار کلی یک فایل CSS
انتخابگرها و ویژگی‌ها
  • مقدمه‌ای بر انتخابگرها
  • انتخابگرهای نوع، کلاس و ID
  • انتخابگرهای ترکیبی و سلسله مراتبی
  • ویژگی‌های CSS: رنگ‌ها، فونت‌ها و متن‌ها
مدل جعبه‌ای (Box Model)
  • مقدمه‌ای بر مدل جعبه‌ای
  • حاشیه‌ها (Margins)، پدینگ (Padding) و بوردر (Borders)
  • عرض و ارتفاع المان‌ها
  • مدیریت فضاهای داخلی و خارجی
طرح‌بندی و چیدمان
  • مقدمه‌ای بر طرح‌بندی
  • چیدمان‌های مبتنی بر بلاک و اینلاین
  • استفاده از فلوَت (Float) و کلیر (Clear)
  • استفاده از Flexbox
  • استفاده از Grid Layout
پیشرفته: انیمیشن‌ها و ترنزیشنها
  • مقدمه‌ای بر انیمیشن‌ها
  • ایجاد انیمیشن با استفاده از keyframes
  • استفاده از تبدیل‌ها (Transforms)
  • استفاده از انیمیشن‌ها و ترنزیشن‌ها (Transitions)
پیشرفته: طراحی واکنش‌گرا
  • مقدمه‌ای بر طراحی واکنش‌گرا
  • استفاده از Media Queries
  • طراحی برای دستگاه‌های مختلف
  • استفاده از فریم‌ورک‌های CSS مانند Bootstrap

سرفصل های جاوااسکریپت

مبانی جاوااسکریپت
  • معرفی جاوااسکریپت
  • تاریخچه و کاربرد جاوااسکریپت
  • معرفی مرورگرها و ویرایشگرهای کد
  • ایجاد اولین اسکریپت جاوااسکریپت
  • نحوه اجرای کد جاوااسکریپت در مرورگر
  • متغیرها و انواع داده‌ها
  • تعریف متغیرها با var، let و const
  • انواع داده‌ها: اعداد، رشته‌ها، بولین، null، undefined
  • عملیات پایه‌ای روی داده‌ها
  • دستورات شرطی و حلقه‌ها
  • دستورات شرطی: if، else if، else
  • دستورات شرطی ترکیبی: switch
  • حلقه‌ها: for، while، do while
توابع و شی‌گرایی
  • توابع در جاوااسکریپت
  • تعریف و فراخوانی توابع
  • پارامترها و آرگومان‌ها
  • توابع بازگشتی
  • توابع ناشناس و فلش فانکشن‌ها
  • آشنایی با شی‌گرایی
  • مفهوم شی و کلاس
  • ایجاد و استفاده از اشیاء
  • متدها و خواص اشیاء
  • کار با آرایه‌ها و شی‌ء‌های Built-in
  • تعریف و دسترسی به آرایه‌ها
  • متدهای مهم آرایه‌ها: push، pop، shift، unshift، slice، splice
  • اشیاء Date و Math
تعامل با HTML و DOM
  • مبانی DOM
  • مفهوم DOM
  • دسترسی به عناصر HTML با استفاده از جاوااسکریپت
  • تغییر محتوای عناصر HTML
  • رویدادها در جاوااسکریپت
  • انواع رویدادها (کلیک، موس، کیبورد)
  • افزودن و حذف Event Listener
  • مدیریت رویدادها
  • کار با فرم‌ها و اعتبارسنجی
  • دسترسی و تغییر مقادیر ورودی‌ها
  • اعتبارسنجی فرم‌ها با جاوااسکریپت
  • جلوگیری از ارسال فرم پیش از اعتبارسنجی

سرفصل های گیت و گیتهاب

مقدمه‌ای بر گیت و گیتهاب
  • تاریخچه و اهمیت گیت و گیتهاب
  • نصب و راه‌اندازی گیت
  • آشنایی با مفاهیم مخزن (Repository)
مفاهیم و دستورات پایه گیت
  • ایجاد مخزن جدید و Clone کردن مخزن
  • مفاهیم Commit و Push
  • کار با شاخه‌ها (Branching)
  • بررسی تاریخچه تغییرات (History)
کار با گیت در خط فرمان
  • دستورات پایه و پیشرفته گیت در خط فرمان
  • مدیریت تغییرات و بررسی وضعیت مخزن (Status)
  • برچسب‌گذاری (Tagging)
مدیریت برنچها(شاخه ها) و ادغام تغییرات
  • ایجاد و مدیریت شاخه‌ها
  • ادغام شاخه‌ها (Merging)
  • حل تعارض‌ها (Conflict Resolution)
کار با گیتهاب
  • ایجاد حساب کاربری و مخزن در گیتهاب
  • کار با Pull Requests
  • مدیریت Issues و پروژه‌ها
  • کار با گیتهاب Actions

سرفصل های ReactJS

مبانی ری‌اکت
  • معرفی ری‌اکت جی‌اس
  • تاریخچه و مزایای استفاده از ری‌اکت
  • نصب و راه‌اندازی محیط توسعه (Node.js، npm، Create React App)
  • ایجاد اولین برنامه ری‌اکت
  • ساختار فایل‌ها و پوشه‌ها در پروژه ری‌اکت
مفاهیم پایه ری‌اکت
  • معرفی JSX و نحوه استفاده از آن
  • کامپوننت‌ها و نحوه تعریف آن‌ها
  • تفاوت بین کامپوننت‌های کلاسی و فانکشنال
  • پراپس‌ها و نحوه ارسال داده بین کامپوننت‌ها
  • مدیریت state در کامپوننت‌های کلاسی و فانکشنال (useState)
  • متدهای چرخه حیات کامپوننت‌ها
کار با رویدادها و هوک‌ها در ری‌اکت
  • مدیریت رویدادها در ری‌اکت
  • ارسال و پردازش داده‌های فرم
  • استفاده از رفرنس‌ها (Refs)
  • معرفی هوک‌ها و چرایی استفاده از آن‌ها
  • استفاده از useEffect برای مدیریت اثرات جانبی
  • هوک‌های کاربردی دیگر مانند useContext، useReducer
استایل‌دهی در ری‌اکت
  • روش‌های مختلف استایل‌دهی در ری‌اکت (CSS، CSS Modules، Styled Components)
  • استفاده از کتابخانه‌های استایل‌دهی مانند TailwindCSS و Material-UI
مدیریت داده‌ها و مسیریابی در ری‌اکت
  • مدیریت داده‌ها با Context API
  • ایجاد و استفاده از Context
  • به اشتراک‌گذاری داده‌ها بین کامپوننت‌ها
  • مسیریابی در ری‌اکت
  • تعریف مسیرها و کامپوننت‌های مربوطه
  • استفاده از لینک‌ها و مدیریت مسیرها
کار با API‌ها در ری‌اکت
  • ارسال درخواست‌های HTTP با استفاده از fetch
  • مدیریت داده‌ها از API در state
  • نمایش داده‌های API در کامپوننت‌ها
پروژه عملی و مباحث پیشرفته
  • تعریف پروژه: ایجاد یک برنامه وب ساده مانند Todo List یا مدیریت کارها
  • پیاده‌سازی مرحله به مرحله
  • رفع اشکال و بهینه‌سازی کد
  • معرفی Redux برای مدیریت پیشرفته state
  • مفهوم و ضرورت استفاده از Redux
  • نصب و راه‌اندازی Redux
  • ایجاد و استفاده از Store، Actions، Reducers
  • بررسی کتابخانه‌های مکمل ری‌اکت (Redux Toolkit، React Query)
  • نکات و ترفندهای بهینه‌سازی در ری‌اکت
نظرات
ثبت نظر جدید
هنوز نظری ثبت نشده است.