Learn Frontend Web Development

توسعه وب Frontend را به روشی که توسعه‌دهندگان وب واقعاً کار می‌کنند، بیاموزید: HTML، CSS و جاوا اسکریپت با هم، در یک صفحه، از درس اول. یک خط از جاوا اسکریپت را تغییر دهید و به‌روزرسانی صفحه را در تلفن خود، با پنل‌های HTML، CSS و JS در کنار هم و یک پیش‌نمایش زنده در زیر، تماشا کنید.

یک دوره کامل Frontend برای مبتدیان که اصول اولیه را دنبال می‌کند: از اولین تگ شما تا TypeScript، React، Vue، تست، عملکرد و معماری Frontend.

محتویات داخل

• ۴۱ دوره و ۱۶۳ درس کوتاه، از مبتدی (A1) تا سطح ارشد (C2)

• یک ویرایشگر کد زنده با پنل‌های HTML، CSS و جاوا اسکریپت و پیش‌نمایش فوری

• پروژه‌های جدید از قالب‌های HTML، React، Vue، Angular، Node یا TypeScript

• ۲۰ پروژه راهنمایی‌شده، گام به گام: یک صفحه دستور غذا، یک فرم تماس، یک شبکه کارت، یک نوار ناوبری، یک جدول داده و موارد دیگر

• ۱۵ ماموریت اشکال‌زدایی ساخته شده از باگ‌های واقعی Frontend: یک طرح‌بندی که در ۳۷۵ پیکسل خراب می‌شود، تصویری که LCP شما را خراب می‌کند، فرمی که هیچ‌کس نمی‌تواند با Tab از آن عبور کند، نشت حافظه در یک کامپوننت، آزمایشی که به صورت محلی قبول می‌شود و در CI شکست می‌خورد

• یک امتحان نهایی و یک گواهی تکمیل

• این برنامه به ۲۲ زبان موجود است

یک مسیر، مبتدی تا ارشد

• نحوه کار وب، اصول HTML، فرم‌ها و نشانه‌گذاری معنایی

• اصول CSS، متغیرها، انتقال‌ها و انیمیشن‌ها، طرح‌بندی با flexbox و grid

• طراحی واکنش‌گرا برای هر اندازه صفحه نمایش

• ملزومات جاوا اسکریپت، آرایه‌ها و اشیاء، ES6+، DOM و APIهای مرورگر، برنامه‌نویسی ناهمگام

• ابزارهای توسعه‌دهنده، Git و گردش کار تیمی، ماژول‌ها و ابزارهای ساخت

• TypeScript از نوع اول تا الگوهای پیشرفته

• اصول React، useEffect و واکشی داده‌ها، قلاب‌ها و الگوهای پیشرفته

• اصول Vue 3، API Composition و الگوهای پیشرفته Vue

• مدیریت وضعیت، ادغام API با REST، WebSockets و رابط کاربری بلادرنگ

• رندر سمت سرور با Next.js و Nuxt 3، برنامه‌های وب پیش‌رونده (PWA)

• دسترسی‌پذیری، آزمایش، عملکرد و امنیت

• معماری CSS، سیستم‌های طراحی، CI/CD و ابزارهای مدرن

تمرینی که ماندگار است

• آزمون‌ها و جلسات مرور برای تثبیت آموخته‌هایتان

• یک برگه تقلب با ۸۳ مدخل از سینتکس و الگوها

• ۵۰ سوال مصاحبه با پاسخ، مفید قبل از مصاحبه توسعه‌دهنده Frontend یا توسعه‌دهنده وب

• یک کتابخانه کد از مثال‌های کوتاه که می‌توانید باز و ویرایش کنید

• کد، یادداشت‌ها و موارد دلخواه خود را ذخیره کنید درس‌ها

• چالش‌های کدنویسی: دعوت از یک دوست با یک کد یا قرار گرفتن در مقابل یک حریف تصادفی

• چالش کدنویسی جهانی: سه دور جهانی در روز، حل شده در جاوا اسکریپت، پایتون و زبان‌های دیگر

• استریکز، XP، جدول امتیازات و یادآوری‌های روزانه

مربی هوش مصنوعی

• در یک اشکال یا مفهوم گیر کرده‌اید؟ از مربی هوش مصنوعی در مورد یک خطا، یک درس یا کد خودتان بپرسید

• زمین بازی هوش مصنوعی: یک صفحه را توصیف کنید و نوشتن کد را تماشا کنید

• کاربران رایگان روزانه 3 سوال هوش مصنوعی دریافت می‌کنند؛ حرفه‌ای، نامحدود می‌کند

برای چه کسانی است

• مبتدیان کامل که می‌خواهند توسعه‌دهنده وب شوند

• دانشجویانی که می‌خواهند در کنار یک دوره توسعه وب، تمرین بیشتری داشته باشند

• طراحانی که می‌خواهند آنچه را که طراحی می‌کنند، بسازند

• توسعه‌دهندگانی که کمی HTML و CSS می‌دانند و جاوا اسکریپت، تایپ‌اسکریپت و فریم‌ورک‌ها را در صدر می‌خواهند

• افرادی که شغل خود را تغییر می‌دهند و برای اولین شغل Frontend آماده می‌شوند

نحوه کار

۱. با اولین دوره رایگان شروع کنید: به Frontend Development خوش آمدید

۲. ویرایشگر کد را باز کنید، یک پنجره را تغییر دهید و پیش‌نمایش را تماشا کنید

۳. در مسیر بالا بروید: جاوا اسکریپت، طرح‌بندی واکنش‌گرا، تایپ‌اسکریپت، سپس React و Vue

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

۵. در امتحان نهایی قبول شوید و گواهینامه خود را کسب کنید

رایگان و حرفه‌ای

اولین دوره، اولین پروژه هدایت‌شده، دو ماموریت اشکال‌زدایی و ویرایشگر کد رایگان هستند، با ۳ سوال مربی هوش مصنوعی در روز. نسخه رایگان تبلیغات را نشان می‌دهد. حرفه‌ای هر دوره، همه پروژه‌ها و ماموریت‌ها، آزمون گواهینامه و هوش مصنوعی نامحدود را باز می‌کند و تبلیغات را حذف می‌کند.

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