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

• معرفی HTML، ویرایشگر VS Code و تگ‌های پرکاربردمشاهده رایگان1 ساعت و 1 دقیقه
• مفاهیم پایه وب: اینترنت، پروتکل، پورت و DNS1 ساعت و 26 دقیقه
• پروژه رزومه با لیست‌ها و گرادینت‌های CSS1 ساعت و 16 دقیقه
• شروع برنامه‌نویسی: ترمینال، VS Code، متغیر و string1 ساعت و 52 دقیقه
• اولویت عملگرها و برنامه تبدیل سلسیوس به فارنهایت41 دقیقه
• صفحه دوم فرم لاگین، اعتبارسنجی فیلد و HTML Entities1 ساعت و 57 دقیقه
• متاتگ‌ها، عناصر معنایی و استاندارد دسترس‌پذیری WAI2 ساعت و 1 دقیقه
• ماشین‌حساب ساده و مفهوم شیءگرایی در جاوا اسکریپت1 ساعت و 36 دقیقه
• ساخت فرم اطلاعات و تعریف function در جاوا اسکریپت35 دقیقه
• تمرین رزرو رستوران و متدهای کار با string1 ساعت و 31 دقیقه
• آموزش جامع Flexbox از flex container تا flex-grow53 دقیقه
• تفاوت var، let و const، hoisting و Math.random1 ساعت و 46 دقیقه
• پروژه صفحه محصول دیجی‌کالا و افزودن فونت53 دقیقه
• افکت hover در پروژه صفحه محصول1 ساعت و 8 دقیقه
• حلقه for و متدهای indexOf و includes1 ساعت و 7 دقیقه
• حلقه while، حلقه بی‌نهایت و متدهای filter و sort37 دقیقه
• کدنویسی بهینه، shorthand و تابع بازگشتی1 ساعت و 26 دقیقه
• توابع arrow، تفاوت با function و دستور throw1 ساعت و 9 دقیقه
• پروژه طراحی ساعت آنالوگ با جاوا اسکریپت1 ساعت و 49 دقیقه
• تکمیل ساعت آنالوگ و معرفی المان canvas1 ساعت و 8 دقیقه

• پروژه بوم نقاشی با canvas، ریسپانسیو و پاک‌کن1 ساعت و 1 دقیقه
• آرایه‌ها و مفهوم rendering در جاوا اسکریپت1 ساعت و 14 دقیقه
• کار با API هواشناسی و ارسال درخواست GET54 دقیقه
• مینی‌فریمورک fue و آشنایی با React1 ساعت و 21 دقیقه
• شروع React: کامپوننت، فرم و پروژه To Do List1 ساعت و 13 دقیقه
• state در React و راه‌اندازی webpack1 ساعت و 6 دقیقه
• آشنایی با Express JS، موتور قالب و middleware1 ساعت و 33 دقیقه
• پکیج morgan، راه‌اندازی Git و ساخت حساب GitHub1 ساعت و 21 دقیقه
• معرفی Redux، mock server و تابع fetch1 ساعت و 8 دقیقه
• شروع پروژه ماشین‌حساب56 دقیقه

• معرفی HTML، فشرده‌سازی کد و ویرایشگر آنلاین1 ساعت و 17 دقیقه
• ترکیب تگ‌ها، کدنویسی تمیز و ویرایشگر VS Code21 دقیقه
• تگ‌های کاربردی HTML، جدول‌سازی و لینک‌ها1 ساعت و 44 دقیقه
• پروژه رزومه با لیست‌های مرتب و نامرتب1 ساعت و 47 دقیقه
• پشتیبانی مرورگرها و ساخت گرادینت با CSS47 دقیقه
• ساخت الگوهای بک‌گراند و استخراج رنگ در CSS1 ساعت و 58 دقیقه
• صفحه اول فرم لاگین: متغیرهای CSS و radio button1 ساعت و 50 دقیقه
• طراحی صفحه دوم فرم لاگین1 ساعت و 1 دقیقه
• فیلدهای ورودی فرم لاگین و وضعیت valid و invalid1 ساعت و 18 دقیقه
• متاتگ‌های PWA، charset، name و property43 دقیقه
• عناصر معنایی و تگ‌های link، map، audio و meter1 ساعت و 33 دقیقه
• طراحی ریسپانسیو و آشنایی با Bootstrap53 دقیقه
• ارائه و حل پروژه فرم Checkout با Bootstrap1 ساعت و 6 دقیقه
• آشنایی با پیش‌پردازنده SASS و flex container1 ساعت
• Flexbox: flex-direction، flex-wrap و flex-flow50 دقیقه
• تراز در Flexbox، flex-grow و شروع CSS Grid1 ساعت و 47 دقیقه
• CSS Grid: ستون‌ها، ردیف‌ها، sizing keyword و subgrid1 ساعت و 40 دقیقه
• پروژه صفحه محصول دیجی‌کالا: فونت و hover1 ساعت و 57 دقیقه
• صفحه محصول دیجی‌استایل و ساخت progress bar1 ساعت و 54 دقیقه
• انیمیشن CSS، ساخت preloader و iframe1 ساعت و 8 دقیقه
• ویژگی aspect-ratio، transition و ابزارهای خروجی انیمیشن1 ساعت و 29 دقیقه

• نقش جاوا اسکریپت در تعامل با المان‌های صفحه1 ساعت و 27 دقیقه
• طراحی ساعت دیجیتال و آنالوگ با جاوا اسکریپت1 ساعت و 44 دقیقه
• پیاده‌سازی پروژه ساعت آنالوگ1 ساعت و 5 دقیقه
• ساعت آنالوگ: چرخش عقربه‌ها و ایندکس1 ساعت و 8 دقیقه
• تکمیل ساعت آنالوگ و آشنایی با Illustrator52 دقیقه
• المان canvas و querySelector در جاوا اسکریپت1 ساعت و 37 دقیقه
• ساخت بوم نقاشی با المان canvas1 ساعت و 55 دقیقه
• ریسپانسیو کردن بوم نقاشی canvas48 دقیقه
• ایجاد پاک‌کن برای بوم نقاشی1 ساعت و 25 دقیقه
• آشنایی با Array و رندر کردن عناصر44 دقیقه
• بررسی مفهوم rendering در رابط کاربری1 ساعت و 2 دقیقه
• معرفی مینی‌فریمورک شخصی fue1 ساعت و 7 دقیقه
• معرفی React و رندر لحظه‌ای زمان1 ساعت و 19 دقیقه

• شروع پروژه‌محور React و ساخت فرم1 ساعت و 26 دقیقه
• کامپوننت، onClick و ورودی کنترل‌شده در React1 ساعت و 2 دقیقه
• مزایای استفاده از کامپوننت در React1 ساعت و 21 دقیقه
• انواع state در React57 دقیقه
• راه‌اندازی webpack و پروژه To Do List با مودال1 ساعت و 53 دقیقه
• معرفی CRA، پلاگین‌های کاربردی و مقایسه npm و yarn1 ساعت و 20 دقیقه
• هوک‌ها و چرخه حیات کامپوننت در React1 ساعت و 28 دقیقه
• هوک‌ها و مدیریت state در پروژه‌های React1 ساعت و 21 دقیقه
• memo، Context Provider و useReducer در React1 ساعت و 58 دقیقه
• آشنایی با Redux و مدیریت state1 ساعت و 45 دقیقه
• Mock Server و تابع fetch32 دقیقه
• پروژه ماشین‌حساب با React: گام اول1 ساعت و 24 دقیقه
• پیاده‌سازی پروژه ماشین‌حساب در React43 دقیقه
• ماشین حساب: Material UI و تم روشن و تیره1 ساعت و 32 دقیقه
• اتصال کلیدهای کیبورد به ماشین‌حساب و رفع مشکلات1 ساعت و 59 دقیقه
• پروژه ماشین‌حساب و معرفی key.ref1 ساعت و 26 دقیقه
• رفع باگ و خطای محاسبات عددی در جاوا اسکریپت1 ساعت و 4 دقیقه
• پروژه ساعت مچی با React و متغیرهای CSS1 ساعت

• TypeScript چیست و تفاوت آن با JavaScript51 دقیقه
• ترکیب React و TypeScript و box-sizing در Material UI1 ساعت و 39 دقیقه
• شروع پروژه To Do List با ReactJS30 دقیقه
• تست‌نویسی با Create React App40 دقیقه
• CSR و SSR و معرفی Gatsby و Next.js1 ساعت و 28 دقیقه
• ابزارهای کاربردی برنامه‌نویسی فرانت‌اند1 ساعت و 30 دقیقه
• معرفی pnpm و Vite و مزایای آن‌ها1 ساعت و 6 دقیقه

به طور کلی فهم مفاهیم پایه کامپیوتر که امروز اکثرا میدانیم و درک مفاهیم ساده ریاضی لازمه این آموزش هستند که عزیزانی که تا سوم راهنمایی درس خوانده باشند هم می توانند از این آموزش استفاده کنند.

مدرس در این دوره در بخش هایی که امکانش هست از شیوه شیرجه در کد استفاده کرده اند و ممکن است در ابتدای ویدیوهای بعضی از قسمت ها اعلام شود که این مطلب در ادامه بیان خواهد شد و شما فقط آن را کپی کنید. این اتفاق برای این هست که بتوانید خروجی مورد انتظار را ببینید و ذهن شما را برای تدریس جلسات آینده آموزش آماده کنند.

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

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

روی کاغذ بله؛ ولی در عمل نیاز دارید چندین ماه تمرین کنید در واقع بدون تمرین سرعت شما بسیار کندتر از سرعت یک متخصص در این حوزه است اما امکان عملی برای طراحی یک اپلیکیشن هر چقدر هم پیچیده که باشد برای شما مهیاست. اما نیاز به جستجوی نیازهای آن اپلیکیشن برای شما بیشتر از یک متخصص است که به جهت استفاده زیاد در حافظه اش مانده و راهکارهای میانبر را برای خود در ذهن خودش شخصی سازی کرده. توجه داشته باشید ساخت یک اپلیکیشن حتی با سرعت کم خیلی بهتر از نساختن آن است. شما در طول این دوره و پس از آن نیاز به تمرین کردن زیاد دارید تا بتوانید به سطح حرفه ای ورود کنید.

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

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

خیر

خیر

بله، از نرم‌افزار Visual Studio Code 2021 استفاده شده است.