در این دوره قراره کلی مینی پروژه های اصولی و هدفمند رو یاد بگیری که نکات ، مباحث و تکنیک های اصولیی که آموزش داده میشه ۱۰۰ درصد قابل اجرا در پروژه های واقعی فرانت اندتونه و نکته مهم تر اینکه ذهنیت شما اصولی تر میشه برای برنامه نویسی در سطوح پیشرفته حوزه برنامه نویسی وب.
چرا کدنویسی اصولی مهمه؟
اگه قصد دارید در مسیر استاندارد برنامه نویسی وب باشید ، قاعدتا باید طبق اصول فکر کنید بعد کدنویسی کنید ، که ذهنیت اصولی باعث میشه ما کد بهتری بنویسیم که نتیجش با کیفیت شدن پروژس و یکی دیگه از موارد مهم تر اینکه از سردرگمی خارج میشم با ذهنیت اصولی و درست جهت تصمیم گیری هامون ، انجام پروژه ، انتخاب ابزار ، راه حل مناسب و …
کدی که کار میکنه دست بهش نزنید!!
یه جمله ای که شنیده میشه از اکثر برنامه نویسای مبتدی ، اینه که ” کدی که در حال کار کردنه نباید بهش دست بزنیم ” !!
اگه واقع بینانه به این جمله دقت کنیم و بخوایم در این مسیر حرکت کنیم ، قطعا این ذهنیت غیر اصولی کلی میتونه صدمه بزنه ، هم به خودمون با اتلاف زمان و انرژی و هم به پروژه و هم اگر با تیمی در حال همکاری هستیم (بصورت فریلنسری یا کار در شرکت و …) پس نیازه ذهنیت غیر اصولی رو جایگزین ذهنیت اصولی کنیم که در این دوره با نکات و تکنیک هایی که گفته میشه بصورت پروژه محور ، به سرعت ذهنیت اصولی رو بدست میارید.
چرا باید مینی پروژه های اصولی آموزش ببینم ؟
هر مینی پروژه این دوره با هدفمندی خاصی طراحی شده ، در جهت رفع یه سری سوالات ، ابهامات و چالش ها و زمانی که هر کدوم از این مینی پروژه های دوره رو یا میگیرید و انجام میدید همراه مدرس ، قطعا این مینی پروژه ها هر کدومشون به تنهایی ، پاسخ بعضی از ابهامات اساسی کدنویسی فرانت اند شما رو میده و چیزای جدیدتری یاد میگیرید که در نهایت وقتی کلی از ابهاماتتون برطرف بشه شما قادر هستید ، کلی از این موارد و تکنیک های اصولی رو در پروژه های واقعیتون استفاده کنید و کیفیت پروژه هاتونو ارتقا بدید.
حرکت در مسیر یک توسعه دهنده وب حرفه ای
پس نیازه ذهنیت اصولی برای کدنویسی داشته باشیم تا بتونیم زمان و انرژیمون رو بصورت بهینه ، روی پروژه هامون بزاریم تا خروجی عملکرد اصولیمون ، پروژه با کیفیت بشه که در این روند درآمدمون هم افزایش پیدا میکنه قطعا و قاعدتا همکاری های بهتری خواهیم داشت و مطمئن میشیم که در مسیر یک توسعه دهنده ی درست قدم بر میداریم.
مزیت های این دوره
یادگیری اصولی و استاندارد فرانت اند در قالب مینی پروژه های اصولی
یادگیری دقیق و پروژه محور متدولوژی BEM برای نامگذاری کلاس های HTML
یادگیری ریسپانسیو سازی اصولی و استاندارد
یادگیری مفاهیم پایه فرانت اند برای درک بهتر زیر ساخت فریم ورک های محبوبی مثل بوت استرپ و تیلویند CSS
یادگیری کدنویسی طبق رابط کاربری
یادگیری مباحث جاوااسکریپت در قالب چالش های واقعی
یادگیری تکنیک های به روز کدنویسی اصولی فرانت اند
یادگیری اصولی Sass در کدنویسی فرانت اند
یادگیری ایجاد مینی فریم ورک
یادگیری و درک مفهوم کامپوننت
یادگیری و درک عمیق مفهوم (Breakpoints , Grid , Utilities)
و …
پیش نیاز شروع دوره
برای شروع این دوره اگر دانش HTML و CSS و همچنین آشنایی با مفاهیم پایه Javascript کافیه و میتونید دوره رو شروع کنید.
این دوره مناسب من هست ؟
اگه شما طبق Ui کدنویسی های فرانت اندتون رو انجام نمیدید و همیشه بعد از انجام پروژه هاتون به این فکر هستید که آیا کدی که نوشتم اصولی هست یا نه ؟!! مطمئن باشید این دوره قطعا میتونه مسیر و دیدگاه متفاوتی به شما بده ، که به کدها و ذهنیت و کارتون ایمان پیدا کنید.
شنیدید میگن باید عاشق کارتون بشید تا به موفقیت و رشد برسید ؟!
این حرف درسته امااا (الکی نمیشه عاشق کار و مهارت و … شد) : مهم ترین عامل رشد و لذت ، اینه که باید توسعه دهنده در مسیر خلاقیت قرار بگیره که در این دوره تمرکز روی کدنویسی خلاقانه هستش و همچنین طرز فکر خلاقانه ، همونطور که از نام و لوگوی خلاقانه ی این دوره مشخصه یک دوره ی بسیار جـــــــذاب و فووووق العاده ای رو پیش رو داریم که بی نظیره ، البته این دوره یک ســـفر هست در واقع سفر به سمت کدنویسی خلاقانه و باز شدن ذهن با ایده های درجه یک و ترفندهایی که در این دوره رو به رو خواهید شد… حالا بریم یک بررسی مختصر روی این دوره ی جذاب به نام فرانتچـــه داشته باشیم.
فرانتچه ☘️ ؟ چی هستش ؟
اگه شما یک مینی پروژه واقعی فرانت اند رو انجام داده باشین فرانتچه ۱ چهارم یه مینی پروژه واقعی فرانت اند هست ولی بسیار خلاقانه و جذاب.
مشاهده یک نمونه از فرانتچه ها
برای مشاهده یک نمونه از فرانتچه ها میتونید دموی زیر را پلی کنید:
اگه قصد دارید کدنویسی فرانت اند رو بصورت خلاقانه یاد بگیرید ، این دوره به شما کمک میکنه که تبدیل به توسعه دهنده ی فرانت اند خلاقی بشید و نگاه متفاوتی داشته باشید به سبک کدنویسی فرانت اند که در این روند شما هدایت میشید به مسیری که کلی ایده های جذاب و ناب رو به همراه داره .
در واقع کدنویسی خلاقانه یک طرز فکر هست که نیاز به این داره که ما کارهای متفاوتی انجام بدیم و صرفا از ایده های خودمون پیروی کنیم و الگو گیری داشته باشیم از اجزا یک سایت از نحوه گرافیک ، افکت ، کدنویسی و تلفیق کنیم با ذهنیت خودمون تا خروجی نهایی یک چیز خلاقانه ای بشه.
مسیر کدنویسی خلاقانه
زمانی که مسیر خلاقیت رو انتخاب میکنید ، باعث میشه شما در این مسیر میتونید رشد چشمگیری در مهارت ، درآمد و حتی لایف استایل و … داشته باشید و یک مسیر لذت بخشی رو تجربه کنید و این رو هم اضافه کنم که فقط ۵ درصد از توسعه دهنده ها دنبال خلاقیت هستن ، که این دوره باعث میشه شما در مسیر خلاقیت در کدنویسی فرانت اند قرار بگیرید و طرز فکر خلاقانه ای داشته باشید.
یک دوره ی پویا و با تعامل بالا
زمانی که در این دوره شرکت کردید تا هر زمانی که این دوره پا برجاست میتونین هر سوال ، ابهام یا اگر پیاده سازی یک بخش از سایت براتون مبهم هست میتونید مطرح کنید در بخش کامنت های این دوره و بررسی میشه و نیاز بود فرانتچه ای آموزش داده میشه ، بخاطر همین مورد این دوره همیشهسبز و پویا و پر تعامل هستش.
پیش نیاز این دوره
اگر با HTML , CSS آشنایی دارید به راحتی این دوره رو میتونید طی کنید.
اینم بگم برای توسعه دهنده های فرانت اندی که عاشق تربچه ☘️ هستن !
اگه از داخل سبزی خوردن تربچه رو بیشتر دوست داری یا اینکه بین انواع سبزیجات نگاه ویژه ای به این گیاه جذاب داری این دوره برای شماست.
کیفیت این دوره
در این دوره سعی شده در حد بسیار بالایی مفاهیم به زبان ساده و جذاب در عین حال استاندارد بیان بشه.
آپدیت جلسات
این دوره یکی از خاص ترین دوره هایی هستش که همیشه به روز میمونه و آپدیت جلسات هر هفته ۲ جلسه (فرانتچه) بارگزاری خواهد شد.
پشتیبانی این دوره
اگر کوچیکترین سوال یا ابهام با جلسه ای داشتین در بخش کامنت های دوره مطرح کنید که در سریع ترین زمان پاسخگو هستیم و اینکه چون این دوره ماهیتا بر اساس ابهامات کدنویسی هست اگر هر چیزی که کدنویسش براتون سخته مطرح کنید بررسی میشه نیاز بود فرانتچه ای آموزش داده میشه ، بخاطر همین مورد این دوره همیشه سبز و پویا و پر تعامل هستش.
اگه قصد دارید کدنویسی سایت های کاربر پسندی داشته باشید یکی از بخش های بسیار جذابش اسلایدرها هستن که میشه اطلاعات مختلفی رو بصورت اسلایدی نمایش داد که در این دوره میخوایم خیلی سریع با یک کتابخونه عالی در زمینه ایجاد اسلایدر های مختلف ، منعطف و ریسپانسیو کار کنیم بصورت پروژه محور تا کامل با این کتابخونه آشنا بشید و بتونید در پروژه های واقعیتون ازش استفاده کنید.
خیلی سریع اسلایدرهای حرفه ای بساز
یکی از مزیت های مهم این کتابخانه این هستش که ما به راحتی میتونیم با کانفیگ کردن و تنظیم یک سری پراپرتی ها به راحتی اسلایدری ایجاد کنیم .
پیش نیاز این دوره
اگر HTML و CSS رو بلد هستین این دوره مال شماست ، جدای از اینکه این کتابخانه رو یاد میگیری یه سری از ترفند ها و ابزارهای جدیدی در این دوره گفته میشه که شگفت زده میشی ، چون واقعا نظیرش نیست قووول میدم بهت 🙂
کیفیت این دوره
در این دوره سعی شده در حد بسیار بالایی مفاهیم به زبان ساده و در عین حال استاندارد بیان بشه …
کانال تلگرام اختصاصی این دوره
حتما در کانال تلگرام این دوره جوین بشین که اطلاع رسانی های مربوط به آپدیت جلسات این دوره به همراه پشتیبانی اختصاصی در این کانال تلگرام انجام میشه.
در این دوره قدم به قدم با هم از نقطه صفر شروع به پیاده سازی رابط کاربریی که در ویدئوی معرفی مشاهده کردین میکنیم و سعیم همیشه این بوده که تا جایی که ممکنه مباحث و نکات رو طبق اصول و استاندارد صحیح آموزش بدم ، قول میدم این دوره به شدت روی کدنویسی اصولی فرانت شما تاثیر مثبتی میزاره و برای پیاده سازی هر رابط کاربریی با ذهن باز و با آرامش پیش میرین.
همونطور که میدونین سطح این دوره متوسط هست یعنی وقتی اصول پایه ای کدنویسی فرانت یک رابط کاربریی رو درک کنین ، آماده میشین که بصورت پیشرفته پیاده سازی هر رابط کاربریی رو انجام بدین با کیفیت بالا طبق استاندارد و اصول.
استفاده از آخرین نسخه بوت استرپ
در این دوره از آخرین نسخه فریم ورک محبوب css یعنی بوت استرپ ۵ استفاده میکنیم و جالب این هست که برای استفاده از بوت استرپ نسخه ۵ نیاز به جی کوئری نیست و تعدادی از کامپوننت هایی که کدهای جاوااسکریپت داره ، پیاده سازیش با وانیلا جاوااسکریپت بوده که همین مورد از اهمیت بالایی برخورداره و همین طور در این دوره از کامپوننت هایی که استفاده میکنیم ،نحوه سفارشی سازی اون ها رو هم یاد میگیریم.
کدنویسی اصولی المان های HTML
برای اینکه طبق استاندارد پیش بریم ، نام دهی کلاس المان ها رو براساس متدولوژی BEM پیش بردیم که روشی هست کامپوننت محور در زمینه‌ی توسعه‌ی وب که باعث میشه کارایی ، خوانایی و انعطاف پذیری کدهای HTML مون بیشتر بشه و نکته مهمش اینکه در زمانمون صرفه جویی میشه چون ، ساختاری که به وجود آوردیم رو میتونیم استفاده مجدد کنیم بدون کانفیلیگ یا تداخل خاصی.
ریسپانسیو سازی
همه بخش های این رابط کاربریی که با هم پیاده سازی میکنیم ، نیاز هست در موبایل و تبلت هم به درستی و به شکل صحیحی نمایش داده بشه که بصورت اختصاصی برای هر بخش در قالب یک ویدئو مجزا ، روی ریسپانسیو کردن هر بخش کار میکنیم که در نهایت بعد پایان تمام بخش ها ، یک رابط کاربری فول ریسپانسیو رو شاهد خواهیم بود.
وانیلا جاوااسکریپت
بعضی از بخش های این دوره نیاز هست که از جاوااسکریپت استفاده کنیم که کاملا بهینه میایم کدهای جاواسکریپتیمون رو بصورت اصولی برای بخش موردنظر کدنویسی میکنیم در این روند با متد ها ، ساختار کدنویسی و موارد جدید آشنا میشیم که به شدت در پروژه های بعدیتون کمک میکنه.
کلام آخر
همیشه در پروژه هایی که خودم پیاده سازی میکنم دنبال استاندارد ها و کدنویسی اصولی هستم و جدا از مباحث تخصصی علاقه دارم که در آموزش هام این ذهنیت رو به اشتراک بزارم و بتونم در روند توسعه وب با جامعه دولوپرهایی که از این آموزش ها استفاده میکنن و خودم هم خیلی چیزها ازشون یاد میگیرم سهیم باشم.
