دوره آموزش برنامه نویسی فرانت اند نماتک

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

بدون امتیاز
|
114 ساعت
-
-

دوره آموزش برنامه نویسی فرانت اند نماتک

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

بدون امتیاز
وضعیت آپدیت

این دوره تا آخرین پارت منتشر شده از سوی سازنده قرار گرفته است!

نوع لایسنس

محتوای این دوره شامل فایل‌های Gem هستند و فقط در ویندوز بدون نیاز به لایسنس اجرا می‌شوند!

توضیحات
بدون امتیاز

دنیای امروز، جایی برای عقب ماندن از موج فناوری نیست. با رشد سرسام‌آور وب‌اپلیکیشن‌ها، شرکت‌ها به‌جای اپلیکیشن‌های بومی، به سمت پلتفرم‌هایی مبتنی بر مرورگر روی آورده‌اند؛ از غول‌هایی مانند اسنپ‌فود، دیجی‌کالا جت، زرین‌پال و تپسل تا استارتاپ‌های نوپا.

اگر به دنبال یک مهارت کاربردی و پردرآمد هستی، ورود به دنیای برنامه‌نویسی فرانت‌اند یکی از بهترین مسیرهاست؛ چراکه هم می‌توانی پروژه بگیری، هم فریلنس کار کنی، هم مهاجرت شغلی راحت‌تری داشته باشی.

در این دوره از پایه‌ترین مفاهیم طراحی صفحات وب تا استفاده از یکی از قدرتمندترین فریمورک‌ها یعنی React.js آموزش داده می‌شود. سبک تدریس دو استاد مختلف، به شما این فرصت را می‌دهد که از زوایای متفاوت، یک موضوع را عمیق‌تر درک کنید.

  • آموزش HTML و CSS به‌صورت کاملاً پایه‌ای و ساختارمند
  • تسلط بر مفاهیم اصلی و کاربردی JavaScript (از صفر تا پیشرفته)
  • آشنایی با طراحی ریسپانسیو و اصول UX/UI اولیه
  • آموزش اصول DOM، رویدادها و مدیریت داده‌ها در JS
  • ورود به دنیای React.js و توسعه پروژه‌های کامپوننت‌محور
  • آشنایی با ابزارهای مهم توسعه مثل Git، NPM، Webpack
  • مهارت‌افزایی در حل مشکلات واقعی با تمرین‌های پروژه‌محور
سرفصل‌ها
    • 1. جاوااسکریپت سمت سرور
  • مفاهیم پایه‌ای وب و شبکه
  • تعریف بنیادین و پایه‌ای کلاینت و سرور
  • تفاوت مفاهیم شبکه و اینترنت
  • تفاوت پروتکل‌های وب و تشریح مفهوم پورت
  • معرفی ترمینال در مک و پاورشل در ویندوز
  • انواع داده‌ها در جاوااسکریپت
  • مفهوم Scope و شی‌ء‌گرایی در برنامه‌نویسی
  • تعریف و کاربرد آرایه‌ها در برنامه‌نویسی
  • استفاده از توابع در برنامه‌نویسی
  • تشریح توابع Constructor Function و Callback Function
  • معرفی مبحث async/await در جاوااسکریپت
    • 2. پلتفرم اجرای کدهای جاوااسکریپت سمت سرور (Node.js)
  • محیط اجرایی جاوااسکریپت و کاربرد آن
  • نحوه فعال‌سازی و کار با فریم‌ورک chalk
  • کاربرد فریم‌ورک yargs در برنامه‌نویسی سمت سرور
  • کاربرد API در ارتباط بین سرور و کلاینت
  • مزایای استفاده از سیستم کنترل نسخه Git
  • استفاده از پلتفرم GitHub برای مدیریت نسخه
  • روش‌های گرفتن Repository در GitHub
    • 3. زبان‌های نشانه‌گذاری HTML و CSS
  • معرفی زبان نشانه‌گذاری HTML
  • بررسی تگ‌های کاربردی HTML
  • روش کار با CSS و فریم‌ورک‌های پرکاربرد
  • نحوه ایجاد فرم و گسترش آن
  • طراحی یک صفحه لاگین با HTML و CSS
  • استفاده از ابزارهای Grid و Table در HTML
  • استفاده از Meta Tagها در HTML
  • کار با فریم‌ورک Bootstrap در CSS
  • معرفی SASS
  • تشریح کار با Flex و Grid در HTML
  • پروژه ساخت یک Progress Bar با HTML و CSS
  • استفاده از تگ iframe در پروژه
  • تنظیم نسبت ابعاد تصویر (aspect-ratio)
    • 4. جاوااسکریپت سمت کاربر
  • نقش جاوااسکریپت در طراحی المان‌های صفحه
  • واکنش‌گرا کردن عناصر صفحه وب نسبت به کلیک
  • طراحی ساعت دیجیتال با JavaScript
  • کاربرد Query Selector در جاوااسکریپت
  • مفهوم آرایه در برنامه‌نویسی
  • مفهوم Rendering و کاربرد آن در وب
  • ساخت و استفاده از Object Generator در جاوااسکریپت
  • معرفی تابع Constructor Function و روش استفاده از آن
  • ساخت یک مینی‌فریم‌ورک شخصی شده به نام fue
    • 5. فریم‌ورک ری‌اکت (React.js)
  • شروع پروژه‌محور با React.js
  • ایجاد فرم با استفاده از React
  • استفاده از Component در React
  • کاربرد کامپوننت Modal در React
  • استفاده از ابزار CRA (Create React App)
  • استفاده از متد Hook در React
  • کار با React Router DOM
  • استفاده از کتابخانه Redux
  • کار با فریم‌ورک Material UI
  • اجرای پروژه ساعت مچی با استفاده از React.js
    • 6. تکنولوژی‌های کاربردی برای برنامه‌نویسان
  • کاربرد TypeScript در فرانت‌اند
  • استفاده ترکیبی از React و TypeScript در پروژه
  • مزایای تست‌نویسی برای برنامه‌های تحت وب
  • تفاوت سیستم‌های رندرینگ CSR و SSR
  • آشنایی با توزیع‌های لینوکسی
  • سیستم مدیریت اجزای نرم‌افزاری Docker
  • کاربردهای Docker در سمت کلاینت
مخاطبین
  • علاقه‌مندان به ورود به دنیای برنامه‌نویسی وب (مخصوصاً بدون پیش‌زمینه)
  • افرادی که می‌خواهند به‌صورت فریلنسری یا دورکاری پروژه بگیرند
  • کسانی که هدف مهاجرت کاری یا ورود به تیم‌های توسعه بین‌المللی دارند
  • دانش‌آموزان و دانشجویانی که قصد دارند به‌صورت عملی وارد بازار کار شوند
  • علاقه‌مندان به توسعه رابط‌های کاربری مدرن و زیبا با React.js
  • هرکسی که می‌خواهد از پایه، اصولی و پروژه‌محور فرانت‌اند یاد بگیرد
  • کسانی که به دنبال یادگیری سریع بدون تمرین و پشتکار هستند
  • افرادی که فقط به دنبال یادگیری بک‌اند یا پایگاه داده‌اند
  • کسانی که علاقه‌ای به کدنویسی ندارند یا صبر و حوصله یادگیری مفاهیم جدید را ندارند
  • برنامه‌نویسان حرفه‌ای که در React و JavaScript چندین پروژه انجام داده‌اند
  • علاقه‌مندان به طراحی گرافیکی صرف یا کار با ابزارهای گرافیکی بدون کدنویسی
سوالات متداول

خیر. این دوره از صفر مطلق شروع می‌شود و حتی مناسب کسانی است که قبلاً هیچ زبان برنامه‌نویسی ندیده‌اند.

بله. تمرین‌ها و پروژه‌هایی طراحی شده که مهارت حل مسئله و توسعه وب‌اپ واقعی را در شما تقویت می‌کند.

قطعاً بله. اگر تمرین‌ها را جدی بگیری، به‌راحتی می‌توانی وارد پروژه‌های فریلنس یا تیم‌های حرفه‌ای داخلی و حتی خارجی شوی.

سایر دوره‌ها
دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

30,800,000 تومان
550,000 تومان