دوره آموزش فرانت اند - دوره ای به پشتوانه Roadmap
3,800,000
2,500,000
خوش آمدید به دوره آموزش فرانت اند یک دوره متفاوت و خاص که قراره فرانت اند را به سبکی جدید و متفاوت و به پشتوانه یک نقشه راه (Roadmap) غنی و حرفه ای باهم یادبگیریم. تو این دوره سعی کردیم تا مباحث و Frontend را در مسیری مشخص، قدم به قدم، پروژه و تمرین محور و با زبانی ساده یادبگیریم و من به عنوان مدرس این دوره تمام تلاشمو کردم تا مثل یک دوستی که کنار دستتون نشسته با زبانی ساده و مثال هایی ملموس صفر تا صد فرانت اند را به شما یاد بدم.
وقتی آموزش ویدئویی با مقالاتی غنی و دسته اول ترکیب بشه، خروجی شگفت انگیزی حاصل خواهد شد و پشتوانه محکم این دوره علاوه بر خاص و مدرن بودن سرفصل هاش و مسیر دقیق و فکر شده ای که طی میکنه، نقشه های راه و Roadmap اون هست و در این نقشه راه مقالات حرفه ایی برای تک تک اپیزودها و ویدیوهای این دوره نوشته شده و در نتیجه شما با یک دوره آموزشی فرانت اند خاص طرف هستید!
چه چیزی این دوره فرانت اند را خاص و متمایز میکنه ؟
ما معتقدیم که این دوره آموزش فرانت اند از شما برنامه نویسی مدرن با عمق دانشی زیاد میسازه که به راحتی برجسته بودن شما در بین خیلی از افراد مشغول در این حوزه به چشم کارفرماها و شرکت ها میاد! میپرسید چرا ؟ بیایید تا براتون بگم
عده ای از افراد بر این باور هستند که بازار برنامه نویسی اشباع شده و به سختی میشه تو این بازار و در برابر سایر برنامه نویس ها رشد کرد و پروژه و یا کار پیدا کرد! در جواب به این باور اشتباه باید ۲ مورد اساسی را برسی کرد.
اول اینکه دنیای وب و تکنولوژی روز به روز داره بزرگ تر و گسترده تر میشه و در نتیجه نیاز به نیروی برنامه نویس هم بدنبالش بیشتر میشه. دوم هم اینکه هیچکس نمیتونه منکر این قضیه بشه که برای اکثر تخصص ها و شغل های روی زمین تعداد زیادی نیروی کار وجود داره و ما برای دیده شدن و موفق شدن توی هر کسب و کار و تخصصی باید تمام تلاش خودمون را بکنیم تا یک سر و گردن از ما بقیه افراد اون حوزه بالاتر بیاییم! حالا میپرسید چطوری ؟
در این دوره آموزش فرانت اند ما تمام تلاشمون را کردیم تا در گام اول از پایه ای ترین مسائل حوزه Front-end شروع کنیم و در نهایت به مباحث تخصصی تر این زمینه مثل ReactJS, NextJS و Typescript برسیم و در گام دوم در طی این مسیر مباحثی را به شما یاد بدیم که باعث بشه یک سر و گردن در فرانت اند از دیگران بالاتر بیایید و مثل یک برنامه نویس مجرب و با سابقه کلی حرف برای زدن داشته باشید!
کافیه تا یک نگاهی به سرفصل های این دوره بندازید، در همون نگاه اول میبینید که مباحثی را در این دروه آموزش frontend قرار دادیم که علاوه بر افزایش عمق دانش و تجربه و دید برنامه نویسی شما، باعث میشه بشدت برجسته تر و حرفه ای تر از سایر افراد این حوزه بنظر برسید و در نهایت با پایان این دوره شما تفکر و دانشی خواهید داشت که به جرات اکثر افراد مشغول در این حوزه چنین تفکر برنامه نویسی و تخصصی را ندارند.
نوشتی دوره آموزش فرانت اند به پشتوانه Roadmap, منظورت چیه؟
در عنوان این دوره آمده که دوره آموزش فرانت اند به پشتوانه نقشه راه یا همان Roadmap و منظور ما از این عنوان این هست که ما این دوره را به پشتوانه یک مسیریادگیری غنی که توسط جامعه بزرگی از بهترین برنامه نویس های دنیا که در وبسایت www.roadmap.sh منتشر شده آماده کرده ایم. شما میتوانید این Roadmap را با مراجعه به صفحه مسیریادگیری Frontend مشاهده کنید و ببینید که منظور ما دقیقا چی هست.
این مسیریادگیری کاملا اصولی هست و توسط یک جامعه بزرگ از بهترین برنامه نویس ها تهیه شده و قدم به قدم شمارو پیش میبره تا در نهایت به یک برنامه نویس فرانت اند مدرن و کاربلد تبدیل بشید و هرقدم را بوسیله بهترین مقالات موجود در سطح وب به شما آموزش میده.
از اینرو ما تصمیم گرفتیم تا دوره آموزش فرانت اند خودمون را به پشتوانه این نقشه های راه و مسیرهای یادگیری تهیه کنیم و مقالاتی حرفه ای را هم به عنوان یک مکمل قوی برای ویدئو های این دوره بنویسیم تا شما به عنوان دانشجوی دوره با خیالی آسوده بزنید به دل ماجراجویی در دنیای جذاب فرانت اند.
دیگه از چه منابعی جهت تهیه این دوره استفاده شده ؟
در دوره ای مثل دوره آموزش Frontend وبسایت وسپار که قراره مسیری طولانی طی بشه، منابع خیلی زیادی باید مورد برسی و تحقیق قرار بگیرند و از این رو ما در این دوره در قدم اول از داکیومنت و وبسایت های رسمی هر زبان و تکنولوژی استفاده کردیم و در قدم دوم منبع مهمی چون وبسایت آموزشی Udemy و درنهایت از Roadmap و نقشه های راه یادگیری که کمی قبلتر درموردش صحبت شد استفاده کرده ایم. بنابر این منابع کلی که در این دوره فرانت اند ما استفاده شده را میشه به شرح زیر نوشت:
- داکیومنت و وبسایت رسمی هر زبان و تکنولوژی
- بزرگترین وبسایت آموزشی دنیا یعنی Udemy
- مسیرهای یادگیری موجود در وبسایت www.roadmap.sh
- و تجربه 7 ساله خود من در زمینه فرانت اند
کمی هم از مقالاتی که برای این دوره آموزش Frontend منتشر میشه برامون بگو ؟
مقالاتی که قراره طبق Roadmap موجود برای این دوره Frontend ما منتشر بشه از اهمیت خیلی خیلی زیادی برخوردار هستند و این مقالات میتونن تاثیر شگفت انگیزی برروی یادگیری و عمق دانش شما بزارن. میگید چرا ؟ پس بیا تا برات کامل توضیح بدم
در یادگیری برنامه نویسی مقاله خواندن چه بسا که تاثیر خیلی خیلی بیشتری به نسبت مشاهده فیلم های آموزشی داره و این خاصیت خود مقاله و خواندن برروی ذهن هستش و جدای از اینهم دست نویسنده همیشه توی گفتن تمامی جزئیات باز هست. البته این بدان معنی نیست که مدرس دوره ممکنه از قصد چیزی را در فیلم های آموزشی خودش توضیح نده، بلکه به این معنیه که گاهی اوقات امکان گفتن تمامی جزئیات وجود نداره، بزارید یک مثالی براتون بزنم تا کامل متوجه منظورم بشید.
فرض کنید که دارید آموزش جاوااسکریپت را تماشا میکنید و رسیدید به قسمتی آرایه ها، مدرس میاد ابتدا خود آرایه را به شما توضیح میده، چندتا مثال میزنه و بعد میره سراغ متدهای مختلفی که برای آرایه ها وجود دارند. این متدهای مختلف حدودا 20 تایی میشن! حال شما به من بگید که آیا امکان پذیره که مدرس بیاد تمام این 20 متد را بهمراه مثال برای شما توضیح بده ؟ قطعا نه چراکه اگر بخواد این کار رو بکنه هم شما خسته میشید از طولانی شدن دوره و هم اینکه تاثیری برای شما نخواهد داشت و این 20 متد را فراموش خواهید کرد. اما اگر همین آرایه ها در قالب یک مقاله هم توضیح داده بشه، به راحتی تمام شما میتونید این موضوع را مطالعه کنید و هروقت هم که متدی را از یاد بردید به راحتی از طریق منو فهرست مطالبی که در صفحه مقالاتمون موجوده، متد فراموش شده را پیدا کنید و مجدد اونرو مطالعه کنید.
از اینرو ترکیب ویدیوهای آموزشی + مقاله میتونه تاثیر بشدت بیشتری در یادگیری داشته باشه. بنابر این کاری که ما میکنیم این هست که برای هر اپیزود و هر ویدیویی که در این دوره آموزشی Frontend منتشر میکنیم، یک مقاله هم مینویسیم و اونرو در قالب مسیریادگیری و Roadmap زبان مدنظر منتشر میکنیم. 😃
وقتی شما برای تک تک مفاهیم یک ویدئوی آموزشی خوب + یک مقاله و تمرین و پروژه های کاربردی داشته باشید، به آسانی تک تک مفاهیم را یاد میگیرید و به دانشی عمیق در مباحث فرانت اند میرسید!
مسیر آموزشی دوره فرانت اند به چه صورته ؟
ما در این دوره تمام تلاشمون را کردیم تا تئوری و کار عملی را در یک توازن خوبی نگه داریم و مهمتر از همه اینکه از همون اول شروع نکنیم به کار برروی یک پروژه سنگین و آموزش خطی و شفاف خودمون را بخاطر پیش بردن پروژه قربانی نکنیم. اگر بخوام مثال بزنم تا منظور این حرفم را بهتر متوجه بشید باید به دوره ری اکت اشاره کنم، برید کمی پایین تر و فصل مربوط به آموزش ReactJS را پیدا کنید و به سرفصل های اون دوره نگاه کنید. میبینید که روند پیش رفتن اون دوره به این شکل هست که ابتدا یه دید کلی از React و مفاهیم اصلی اونرو به شما میگیم، یک مینی پروژه جمع و جور را باهم انجام میدیم و بعد شروع میکنیم به برسی تخصصی و عمیق تمامی مفاهیم و اصول ReactJS و هر 2 الی 3 فصل یکبار هم یک مینی پروژه کاربردی که هم بدرد رزومه شما میخوره و هم شمارو با دنیای واقعی پروژه ها آشنا میکنه را انجام میدیم و تمامی چیزهایی که توی 2 الی 3 فصل قبل یادگرفتیم را در قالب اون پروژه باهم مرور میکنیم.
در نهایت هم که تمامی مباحث مربوط به ری اکت را یاد گرفتیم، به عنوان فصل آخر دوره میریم سراغ یک پروژه کامل و خفن و یک وبسایت کامل را بوسیله تمامی چیزهایی که توی دوره یادگرفتیم مرور میکنیم. همچنین آخر تمامی دوره ها یک فصل مخصوص وجود داره که اختیاری هست و در اون فصل هم در قالب چیزی مانند یک crash course و در زمانی حدود یک ساعت مجدد تمامی مباحث اون دوره را هم مرور میکنیم.
با این شکل از آموزش که توازن خیلی خوبی بین تئوری و کار عملی برقرار شده و صد البته به لطف و کمک مقالات موجود در مسیرهای یادگیری و Roadmap ها، ما به دانشی عمیق و پایدار از اون زبان میرسیم.
اینهم بگو که تو این دوره آموزش فرانت اند قراره چه زبان ها و تکنولوژی هایی را یاد بگیریم ؟
تو این دوره ما با برسی منابع مختلف و وبسایت های آموزشی برتر دنیا و مهمتر از همه وبسایت roadmap.sh که اومده با کمک جامعه بزرگی از بهترین برنامه نویس ها مسیر یادگیری هر زبان و حرفه را آماده کرده استفاده کردیم تا یک دوره آموزشی مدرن و خفن بسازیم تا همه نیازهای کسی که میخاد تبدیل بشه به یک برنامه نویس فرانت اند را پوشش بدیم و درنهایت از شما یک برنامه نویس Frontend مدرن، کاربلد و با دانشی عمیق بسازیم. چیزهاییم که قراره باهم یادبگیریم عبارته از موارد زیر که البته اونهارو میتونید در بخش سرفصل های دوره هم مشاهده کنید:
- از اینترنت و مباحث پایه شروع میکنیم و یادمیگیریم که اینترنت و مرورگر چطور کار میکنه
- بعد میریم سراغ HTML & CSS و اولین قدم هامون به سمت فرانت اند را برمیداریم
- میرسیم به جاوااسکریپت و شروع میکنیم به یادگیری نوشتن منطق و پویاسازی وبسایت هامون
- در مرحله چهارم هم Git و Github رو یادمیگیریم تا بتونیم از کد پروژمون یکجا نگهداری و اونرو مدیریت کنیم
- و در این مرحله جذاب هم میرسیم به ReactJS دوست داشتنی و این لایبرری پرتقاضا و خفن رو باهم یادمیگیریم
- بعد نگاهی به ابزارهای مدرن NPM و Yarn میندازیم و یادمیگیریم که چطور از جامعه بزرگ و غنی پکیج ها استفاده کنیم
- در اینجا هم میریم سراغ فریمورک خفن Tailwind CSS و با راهی سریعتر، قدرتمند تر و راحت تر برای نوشتن CSS آشنا میشیم
- در قدم هشتم هم کمی درمورد راه و روش اصولی نوشتن و اصولی نامگذاری کردن در HTML و CSS آشنا میشیم
- میرسیم به Sass و بازهم با یک روش بهتر و قدرتمند تر برای نوشتن css آشنا میشیم
- و در این مرحله جذاب میریم به سمت مدرن سازی و خفن تر کردن پروژه هامون بوسیله Webpack و Vite
- انواع و اقسام روش های احرازهویت را یادمیگیریم
- درمورد مباحث امنیتی در حوزه وب و برنامه نویسی صحبت میکنیم و با انواع خطرات و راه های جلوگیری از اونها آشنا میشیم
- Typescript جذاب و دوست داشتنی را باهم یادمیگیریم تا بتونیم استفاده ای حرفه ای تر و بهتر ازJavascript داشته باشیم
- و بعد میرسیم به NextJS و بخش موردعلاقه خود من و این فریمورکی که بر پایه ری اکت ساخته شده تا ری اکت را حرفه ای تر کنه را یاد میگیریم
- چیز بعدی که میریم سراغش PWA هست و یادمیگیریم که چطور یک وب اپلیکیشنی بسازیم که حس و حال بهتری به کاربر میده و قابلیت های خفنتری داره
- به عنوان قدم آخر هم تست نویسی را یادمیگیریم
- و در نهایت هم یک پروژه خفن و جذاب را بوسیله تمام چیزهایی که در این دوره یادگرفتیم میسازیم
آیا همین دوره برای ورود به بازار کار کافی خواهد بود ؟
اگر از این موضوع صرف نظر کنیم که یک برنامه نویس باید همیشه درحال یادگیری و تمرین باشه، میتونیم به این سوال پاسخ بله بدیم. قطعا همین دوره درکنار مقالات و مسیریادگی یا همان Roadmap که برای شما طراحی شده کافی خواهد بود چرا که این دوره تمامی مباحث را از ابتدایی ترین موضوع که اینترنت و نحوه کار کردن مرورگر هست را پوشش داده تا پیشرفته ترین مباحثی چون ReactJS, NextJS و Typescript و PWA.
در نهایت هم از شما یک فرانت اند کار و ری اکت کار حرفه ای و مدرن میسازه. تمامی مباحث پوشش داده شده و دوره کاملا پروژه محور و با زبانی ساده پیش میره و من از ابتدای دوره همانند دوستی که در کنار دست شما نشسته تمامی مباحث را با زبانی ساده و گویا به شما آموزش میدم. همچنین هرجا هر سوال و هر نکته ای هم بود میتونید در تلگرام از من بپرسید و ارتباطی مستقیم بامن داشته باشید.
پس چطور بهترین نتیجه را از دوره فرانت بگیریم ؟
برای گرفتن بهترین نتیجه از این دوره، نیازه تا قدم به قدم طبق توصیه های شده پیش برید، با صبر و حوصله اپیزودهای این دوره را تماشا کنید، همزمان با تماشای ویدیوها خودتون هم کمی کد نوشته شده در دوره را تمرین کنید و حتما و حتما اگر برای یک اپیزود، مقاله ای طبق نقشه راه و Roadmap مربوط به اون زبان نوشته شده بود، بطور کامل مقاله را هم مطالعه کنید.
توجه داشته باشید که هیچ تخصص و مهارت و موفقیتی یک شبه بدست نمیاد و در طول این مسیر، خودتون را وابسته به زمان نکنید و زوم نشید روی مدت زمان هر فصل یا دوره چراکه مهم یادگیری و پیداکردن دانشی عمیق در زمینه مدنظر هست. شما برای گرفتن یک مدرک دانشگاهی مثل لیسانس که امروزه آنچنان اعتباری هم نداره، باید حداقل سه روز در هفته و هشت ساعت در هرروز و به مدت چهار سال به دانشگاه برید تا به یک تخصص نسبتا مناسبی برسید و مدرک پایه ای چون لیسانس را بگیرید تا بتونید وارد بازارکار بشید. اینرو حتما به یاد داشته باشید که برای بدست اوردن هر مهارت و تخصصی باید زمان، انرزی و توجه کافی گذاشته بشه.
بنابر این برای گرفتن بهترین نتیجه از این دوره آموزشی فرانت اند نیازه تمامی اپیزودها با دقت دیده بشه، مقالات نوشته شده برای دوره بطور کامل مطالعه بشه و پا به پای دوره پروژه های ذکر شده را تمرین کنید تا در انتهای دوره به یک درک خوب و دانشی عمیق از فرانت اند برسید و من به شما این قول را میدم که در پایان این دوره شما یک سر و گردن از اکثر افراد مشغول در این حوزه بالاتر و کاربلد تر خواهید بود.
جلسات دوره
فصل 1 : مقدمه و شروع (مهم)
2 قسمت
فصل 2 : دوره آموزش HTML و CSS از مقدماتی تا پیشرفته
15 فصل
فصل 3 : دوره آموزشی Javascript
23 فصل
فصل 4 : Git,Github
5 فصل
فصل 5 : دوره آموزش ReactJS
24 فصل
فصل 6 : Package Managers (NPM,Yarn)
8 قسمت
فصل 7 : Tailwind CSS
4 فصل
فصل 8 : CSS Architecture (BEM)
10 قسمت
فصل 9 : CSS Preprocessors (Sass)
17 قسمت
فصل 10 : Module Bundlers (Vite,Webpack)
6 فصل
فصل 11 : استراتژی های احرازهویت (JWT,Oauth,SSO و ....)
7 قسمت
فصل 12 : مباحث پایه امنیت وب
7 قسمت
فصل 13 : دوره آموزشی Typescript
15 فصل
فصل 14 : دوره آموزشی Nextjs
11 فصل
فصل 15 : Progressive Web Apps (PWA)
1 فصل
فصل 16 : Testing (Jest و React Testing Library)
10 فصل
فصل 17 : پروژه کامل اجاره و خرید خانه
1 قسمت
فصل 18 : پروژه کامل صرافی رمز ارز
1 قسمت
پروژه های این دوره
شرایط بازگشت وجه
دوست عزیز، در اینجا، هدف ما اینه که تجربه آموزشی بینظیر و مؤثری را برای شما فراهم کنیم. میدونیم که هر سفر آموزشی منحصر به فرد هست و برای همین، میخواهیم اطمینان حاصل کنیم که شما در هر قدم از این مسیر، احساس رضایت کامل داشته باشید. برای تضمین این امر، یک وعده صادقانه به شما میدیم: اگر پس از تماشای کمتر از نصف دوره، احساس کردید آنچه که از ما دریافت کردید با انتظارات شما همخوانی نداره، کافیه تا به ما اطلاع بدید. ما با دقت به نظرات شما گوش میدیم و پس از بررسی، هزینه پرداختیتان را با کمال میل بازمیگردانیم.
سوالات متداول
نحوه دریافت و مشاهده دوره به چه صورت هست ؟
این نقشه راه و Roadmap فرانت اندی که قرار دادی چیه و چطور میتونه به ما کمک کنه ؟
چطور بهترین نتیجه را از این دوره بگیر ؟
چقدر طول میکشه تا به یک فرانت اند کار ماهر تبدیل بشیم ؟
آیا دوره پروژه محور هست ؟
آیا دوره آپدیت میشه ؟
آیا دوره پشتیبانی دارد ؟
نظرات
500
/
0
روش دریافت:
اسپات پلیر
پیش نیاز:
ندارد
وضعیت:
در حال ضبط
آپدیت:
هر روز
انتشار:
۱۴۰۲/۱۱/۲۷
بروزرسانی:
۱۴۰۲/۱۲/۲۵
علی خاکبازان
مدرس دوره
به جمع ما خوش اومدید! علی خاکبازان هستم، پس از نزدیک به 8 سال سفر پرفراز و نشیب در دنیای فرانتاند، امروز به عنوان مدرس این دوره اینجا هستم تا با شما این تجربههای شگفتانگیز را به اشتراک بزارم. هدفم؟ خیلی سادست، میخوام شما رو در دوره هایی خفن و متفاوت همراهی کنم و با هم خلق کنیم، آموزش ببینیم و از این سفر لذت ببریم.