جلسه اول کلاس آنلاین جامع طراحی سایت (React JS)

متاسفانه کارجویان حوزه برنامه‌نویسی از جمله Front-End، که عمدتاً از فارغ التحصیلان مقاطع ارشد و یا کارشناسی دانشگاه‌های معتبر کشور نیز می‌باشند، نه تنها از تخصص فنی کافی برخوردار نبوده، بلکه مهارت‌های لازم دیگر از جمله تجربه کار تیمی، توانایی حل مساله به تنهایی، فنون مصاحبه و ... را نیز دارا نمی‌باشند. تمرکز این دوره علاوه بر کیفیت بالای مطالب ارایه شده‌، انتقال سایر تجربه‌های مورد نیاز برای ورود به بازار کار می‌باشد. دانشجویانی که این دوره آموزشی را با موفقیت به اتمام می‌رسانند تا زمان ورود به بازار کار و عقد اولین قرارداد‌، از پشتیبانی کامل برخوردار خواهند شد. اهداف اصلی دوره عبارتند از:
• آشنایی دانشجویان با فضای کلی حوزه برنامه نویسی و تقسیم‌بندی‌های متعارف و نامتعارف
• تسلط دانشجویان بر پیش‌نیازهای پنهان برنامه نویسی وب از جمله مقدمات شبکه
• تسلط دانشجویان بر پیش‌نیازهای اصلی برنامه نویسی وب
• تسلط دانشجویان بر مفاهیم اصلی جاوا اسکریپت
• تسلط دانشجویان بر مفاهیم اصلی React
• پروژه تیمی و مصاحبه‌های آزمایشی

فصل اول
• برنامه نویسی چیست و برنامه نویس به چه کسی می‌گویند
• تاریخچه مقدماتی از کامپیوتر و برنامه نویسی
• انواع سیستم عامل‌ها
• انواع سخت افزارها
• شبکه چیست؟
• مفاهیم اصلی شبکه
• نحوه دسترسی مرورگر به سایت مد نظر ما
• سخت افزار و نرم‌افزارهای شبکه
• ابزار مورد نیاز
• HTML و ساخت یک صفحه ساده
• تگ های اصلی و کاربرد هر کدام از آنها
• Semantic Tag چیست و چرا نباید به آن بی‌توجه باشیم
• فرم ها
• توضیح مختصری از CSS (توضیح کامل در جلسه بعد)
• پخش موزیک و ویدیو در صفحه
• پیدا کردن لوکیشن کاربر

فصل دوم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• تاریخچه CSS
• سلکتورها
• رنگ‌ها
• ابعاد
• مفهوم BoxModel
• تغییر ظاهر متون
• تغییر ظاهر المان‌ها
• Padding و Margin
• Border
• لیست
• فونت
• Display
• Position
• Overflow
• Align
• Responsive
• MediaQuery
• Float
• Flex
• CSS Grid

فصل سوم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• ابزار مورد نیاز
• مقدمات برنامه نویسی
• جاوا اسکریپت چیست و چرا باید از آن استفاده کنیم
• تاریخچه جاوا اسکریپت
• ورژن‌های مختلف جاوا اسکریپت
• متغیرها
• انواع داده‌ای
• تعامل کاربر با صفحه
• تبدیل نوع
• عملگرهای محاسباتی
• عملگرهای منطقی
• مقایسه
• انواع حلقه ها
• Garbage Collection
• Functionها و انواع آن
• Debugging
• کامنت‌ها و اهمیت آنها
• آرایه‌ و متدهای آن
• fetch

فصل چهارم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• آبجکت در جاوا اسکریپت و متدهای آن
• بررسی عمیق تر Reference
• this
• Dom
• متدهای Dom
• اضافه و حذف المان با استفاده از جاوا اسکریپت
• تغییر استایل المان‌ها با استفاده از جاوا اسکریپت
• Event
• Event Listener

فصل پنجم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• محیط توسعه
• معرفی انواع IDEها
• معرفی انواع Editorها
• معرفی VSCode
• تنطیمات
• افزونه های مفید
• Snippetها
• Shortcutها
• معرفی npm و yarn
• سیستم کنترل نسخه ( ورژن کنترل )
• انواع سیستم های کنترل نسخه
• انواع ابزارهای کنترل نسخه
• معرفی git
• مفاهیم اصلی git از جملع pull , push , commit , stage
• نصب و راه اندازی در سیستم عامل های مختلف
• استفاده در ترمینال
• استفاده در VScode
• Github و Gitlab

فصل ششم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• معرفی React
• تاریخچه React
• دلایل استفاده از React
• معرفی CRA
• معرفی Babel ، Webpack ، JSX
• HelloWorld
• بررسی مفهوم Render در React
• Component
• Props
• State
• Lifecycle
• Class componenets vs Function Componenets
• Eventها
• Conditional Rendering
• Lists and Keys
• Forms
• تصمیم گیری در مورد محل State
• ساختار بندی مناسب پروژه قبل از شروع

فصل هفتم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• معرفی Hook در React
• قوانین Hookها
• انواع Hook
• استفاده از api های آماده
• Ref
• TypeChecking
• Uncontrolled Components
• Higher-Order Components
• Fragments
• Optimizing Performance
• Code-Splitting
• Error Boundaries
• Reconciliation
• استفاده از سایر کتابخانه ها

فصل هشتم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• Redux and ContextApi
• Preprocessors and SASS
• System Design
• CSS Frameworks
• Tailwind
• PWA

فصل نهم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• مباحث پیشرفته HTML
• مباحث پیشرفته CSS
• مباحث پیشرفته JavaScript
• ساخت و انتشار package برای react روی npm
• شرکت در پروژه های public
• پروژه داشبورد کرونا با استفاده از api سازمان بهداشت جهانی توسط دانشجویان

فصل دهم
• مرور مطالب جلسه قبل همراه با پرسش و پاسخ (۱۵ دقیقه)
• فنون پیدا کردن فرصت شغلی مناسب
• فنون مصاحبه و تکمیل رزومه
• مصاحبه‌های تستی با هر نفر به صورت مجزا در حضور باقی نفرات
• پروژه فروشگاه اینترنتی