دوره جامع نهایت فرانت‌اند
آموزش پروژه‌محور برنامه‌نویسی Front-End
اطلاعات دوره
- مبتدی تا پیشرفته
- 101 ساعت
- 384 جلسه
- +1600 دانشجو
- گارانتی بازگشت وجه
- ارائه مدرک
- فاقد پیش‌نیاز
- پشتیبانی دانشجویان
- بروزرسانی دائمی
از زبان مدرس: متاسفانه مشکل اکثر بچه‌ها این روزا اینه که سردرگم شدن و نمی‌دونن از کجا باید مسیر یادگیریشون رو شروع کنن. اگه توام این مشکل رو داری کاملا بهت حق میدم چون تعداد زبان‌های برنامه‌نویسی انقدر زیاده و انقدر مسیرهای مختلفی وجود داره که آدم واقعا گیج میشه. اما نگران نباش چون من اینجام که کمکت کنم از این سردرگمی دربیای.
با فرض اینکه می‌تونی روزی فقط یک ساعت وقت بذاری واسه آموزش و تمرین، یه برنامه ویژه 24 هفته‌ای واست آماده کردم که اگه طبق این برنامه پیش بری، زندگیت در کمتر از 6 ماه آینده متحول میشه. پس استرس و نگرانی رو کنار بذار و ذهنت رو خلوت کن. کافیه فقط روزی یک ساعت برای مواردی که تو این برنامه بهت گفتم وقت بذاری تا 6 ماه دیگه، توام مثل صدها دانشجوی دیگه که این برنامه رو اجرا کردن و الان در شرکت‌های مختلف مشغول به کار هستن، راه خودت رو پیدا کنی و به درآمد بالای 30 میلیون تومان برسی.
من تو این مسیر کنارت هستم تا زمانی که خبر خوش استخدام یا گرفتن پروژه‌های خفنت رو بشنوم.
محتوای دوره نهایت فرانت‌اند
+دوره فرانت‌اند و هوش مصنوعی برای نخستین بار در ایران (به زودی)
نمونه برخی از جلسات دوره
سوالات متداول
1- افرادی که می‌خواهند برنامه‌نویسی را از صفر شروع کنند و هیچ پیش‌زمینه یا مهارت قبلی در برنامه‌نویسی ندارند.
2- افرادی که تجربه محدودی در این زمینه داشته‌اند اما می‌خواهند دانش و مهارت‌های خود را به سطح حرفه‌ای ارتقا دهند.
خیر، برای برنامه‌نویسی فرانت‌اند نیازی به دانش ریاضی پیشرفته نیست.
شروع با یادگیری مفاهیم پایه و زبان HTML، سپس زبان CSS و در نهایت زبان JavaScript توصیه می‌شود. پس از تسلط بر این زبان‌ها، می‌توانید به سراغ یادگسزس فریم‌ورک‌ها و کتابخانه‌های پیشرفته‌تر بروید.
یادگیری جاوااسکریپت به عنوان زبان اصلی توسعه وب، از اهمیت بسیار بالایی برخوردار است و در این دوره ما بر روی درک عمیق این زبان تمرکز خواهیم کرد. تسلط بر جاوااسکریپت نه تنها به شما این امکان را می‌دهد که فریم‌ورک‌هایی مانند React یا Vue.js را به آسانی یاد بگیرید، بلکه همچنین پایه‌ای قوی برای درک بهتر مفاهیم و تکنیک‌های پیشرفته‌تر در توسعه وب فراهم می‌کند.
بنابراین، قبل از هر چیز، یادگیری جاوااسکریپت را در اولویت قرار دهید؛ زیرا این زبان کلید موفقیت شما در دنیای توسعه نرم‌افزار است و به شما کمک می‌کند تا به طور مؤثرتری از فریم‌ورک‌ها و کتابخانه‌های مختلف بهره‌برداری کنید.
پس از اینکه بر جاوااسکریپت تسلط پیدا کردید، پیشنهاد می‌شود که به یادگیری فریم‌ورک‌های جاوااسکریپتی مانند React یا Vue.js بپردازید. با این حال، مهم است که بلافاصله بعد از یادگیری جاوااسکریپت، سراغ این فریم‌ورک‌ها نروید و حتما مدتی را صرف تمرین و کار با خود جاوااسکریپت کنید تا کاملاً بر آن مسلط شوید.
بله، پس از خرید دوره، شما به تمامی آپدیت‌های بعدی به صورت رایگان دسترسی خواهید داشت.
پس از ثبت نام، شما به صورت مادام العمر به تمامی محتوای دوره دسترسی خواهید داشت.
بله، شما می‌توانید تمامی محتوای دوره را بر روی گوشی موبایل یا سیستم خود دانلود کنید و به این ترتیب در زمان‌های دیگر، بدون نیاز به اینترنت، جلسات را مشاهده نمایید.
پروژه‌های پیاده‌سازی شده طی این دوره
- طراحی وب سایت شرکتی (آژانس دیجیتال مارکتینگ)
- پروژه تعامل با API هواشناسی و نمایش دمای هوای شهرها
- پروژه دریافت و نمایش اطلاعات جامع کشورهای جهان از RESTful API با طراحی کاربرپسند و قابلیت گسترش
- پروژه شبکه اجتماعی مخصوص برنامه‌نویسان
- طراحی سایت استارت‌آپ وکالت آنلاین
- +۱۹ چالش عملی (به همراه پاسخ ویدئویی)
- وبینارهای نحوه استخدام و ورود به بازار کار
- پروژه طراحی سایت دیجی‌کالا (به زودی)
مدرس دوره
علیرضا محمدی کردخیلی
ارائه گواهی پایان دوره
چرا دوره نهایت فرانت‌اند؟
- امکان کارآموزی در آکادمی وبسیلا پس از گذراندن دوره
- برگزاری وبینارهای هفتگی با دانشجویان
- گروه پشتیبانی VIP مخصوص دانشجویان دوره
- جزوه اختصاصی و خلاصه PDF
- کاملا پروژه محور
- آپدیت های مداوم و همیشگی
- حاصل 12 سال تجربه تدریس و فعالیت حرفه ای در بازار کار وب
سرفصل ها و جلسات دوره
0:01:44
0:02:36
0:02:33
0:04:41
0:12:05
0:03:26
0:10:23
0:08:39
0:16:24
0:10:42
0:12:53
0:15:13
0:05:16
0:02:14
0:15:14
0:03:46
0:05:46
0:02:50
0:08:48
0:08:06
0:10:04
0:06:22
0:07:28
0:10:39
0:07:18
0:15:32
0:10:20
0:10:35
0:12:40
0:04:50
0:16:35
0:04:17
0:07:00
0:08:09
0:14:18
0:09:56
0:09:47
0:06:26
0:03:31
0:05:29
0:16:16
0:25:45
0:15:50
0:15:23
0:04:46
0:04:39
0:07:21
0:22:37
0:23:03
0:07:26
0:09:09
0:12:22
0:02:38
0:11:03
0:13:22
0:12:07
0:16:47
0:04:35
0:18:02
0:17:03
0:09:52
0:22:48
0:05:09
0:05:54
0:05:57
0:09:52
0:09:22
0:10:59
0:08:09
0:11:42
0:11:31
0:13:06
0:04:30
CSS Version 3
00:10:04
00:41:26
00:17:35
00:46:49
00:28:57
00:27:56
00:39:13
00:12:08
00:30:51
00:20:07
00:20:55
00:30:30
00:21:14
00:37:33
00:09:57
00:27:10
01:08:15
00:57:50
00:46:10
00:35:33
00:38:32
01:03:50
00:27:09
بهترین ماژول برای طرح بندی سایت
00:05:56
00:10:41
00:04:16
00:06:50
00:05:35
00:02:49
00:10:15
00:07:33
00:03:29
00:02:51
اولین دوره آموزش بوت استرپ ورژن 5 در ایران !
00:15:21
00:16:54
00:11:24
00:27:21
00:58:13
00:46:00
00:53:09
00:14:36
00:29:33
00:18:45
00:15:47
00:42:29
00:49:39
پکیج تکمیلی دوره بوت استرپ
لینک گیت هاب پروژه جهت دریافت آخرین تغییرات
00:13:55
00:55:42
00:25:07
01:00:30
00:27:13
00:44:54
00:18:52
00:27:47
00:20:09
00:50:23
00:23:04
00:21:17
00:44:01
00:14:16
00:32:35
00:23:56
00:40:31
00:29:04
0:10:30
01:08:08
00:08:52
00:02:57
00:05:22
00:05:32
00:03:00
00:03:34
00:20:32
00:28:37
00:20:48
00:17:14
00:13:01
00:05:45
00:16:57
00:12:16
00:06:11
00:08:09
00:18:27
00:04:05
00:11:52
00:20:21
02:21
27:51
30:16
48:19
23:53
10:37
33:19
23:15
25:34
14:22
27:38
36:30
10:36
12:02
13:22
13:35
13:39
07:23
14:16
11:07
09:00
09:40
06:07
40:33
09:23
10:39
15:36
12:28
15:16
26:14
21:39
13:50
09:27
21:14
22:49
24:39
32:03
پیاده سازی عملی پروژه واقعی کارفرما
01:49:58
01:40:24
00:30:43
01:59:09
01:39:40
طبق آخرین آمار و ارقام، در سال 2020 بیش از یک میلیون شغل برنامه نویسی کامپیوتر در آمریکا وجود داشت. در حالی که این مقدار در اروپا 700،000 شغل است.
در ایران نیز روزانه هزاران شغل برنامه نویسی کامپیوتر در مراجع مختلف آگهی می شود که بخش قابل توجهی از آن ها مربوط به حوزه وب و طراحی سایت است.
امروز در آکادمی وبسیلا قصد داریم به مهارت هایی که برای ورود به بازار کار این رشته مورد نیاز است بپردازیم.
فرانت اند چیست؟
برنامه نویسی فرانت اند یکی از شاخه های بسیار مهم توسعه نرم افزار است. به لطف این تخصص است که صفر تا صد ظاهر وب سایت شما شکل می گیرد. هرچه مهارت و تجربه ی شما در این کار بیشتر باشد، توانایی طراحی وب سایت های جذاب تر و زیبا تری را خواهید داشت. به همین دلیل است که هر ساله تقاضا برای جذب نیروی متخصص فرانت اند رو به افزایش است.
یک برنامه نویس فرانت اند چه کار می کند؟
یک Front-End Developer تشکیل دهنده بخش اصلی هر تیم فعال در حوزه وب است که در ارتباط نزدیکی با شخص Back-End Developer کار می کند.
در حالی که شخص توسعه دهنده Back-End بر روی عملکرد توابع و بخش های درونی سیستم تمرکز می کند، برنامه نویس فرانت اند مشغول طراحی هر آنچه که کاربران در ظاهر سایت خواهند دید می شود.
آنها قالبا مسئول این موارد هستند :
- تبدیل ماکت ها و طرح های گرافیکی به صفحات استاندارد وب
- بهینه سازی سرعت بارگذاری سایت
- ارتباط با توسعه دهنده بک اند برای هماهنگی چگونگی نقل و انتقال اطلاعات
- تست ظاهر سایت جهت داشتن تمام امکانات مورد نظر کارفرما و کاربران سایت
مسیر صفر تا صد برنامه نویسی فرانت اند
HTML
واژه ی HTML مخفف عبارت Hyper Text Markup Language بوده که شامل المنت هایی است که ساختار پایه صفحات وب سایت های مختلف بر آن استوار است. به عنوان مثال موارد مختلف یک وب سایت مانند عناوین، پاراگراف ها، جداول، تصاویر، ویدئو ها و… به وسیله این زبان تعریف می شود.این المنت های HTML به وسیله ی علامت های <> که تگ نامیده می شوند معرفی می شوند.
یادگیری زبان HTML بسیار آسان است!
یادگیری زبان HTML آسان است. با این وجود امکاناتی که برای ساخت صفحات وب به شما می دهد فوق العاده قدرتمند است. پس اولین قدم در راه یادگیری فرانت اند، آموزش HTML می‌باشد.
CSS
پس از یادگیری زبان HTML و ایجاد ساختار اولیه صفحات وب سایت نوبت به رنگ و لعاب دادن به آن است. برای فهم بهتر تفاوت میان HTML و CSS به تصاویر زیر توجه کنید.
یک مثال عملی برای یادگیری رابطه HTML و CSS :
در واقع اگر یک وب سایت را به یک ساختمان تشبیه کنیم، زیربنا و اسکلت ساختمان همان زبان HTML می شود. از طرف دیگر رنگ دیوار ها و نمای ساختمان برایمان نقش CSS را خواهد داشت.
JavaScript
جاوا اسکریپت یک زبان برنامه نویسی است که به وسیله آن می توان امکانات و ویژگی های پیچیده تری را به صفحات وب اضافه کرد. به عنوان مثال محتوای زمان بندی شده (مانند اسلایدر تصاویر موجود در وب سایت ها که به طور اتوماتیک هر چند ثانیه یک بار تصویر آن عوض می شود)، گوگل مپ، انیمیشن های دو بعدی و سه بعدی و… . جاوا اسکریپت مقداری پیچیده تر از HTML و CSS می باشد که در لایه ی سوم کیک استاندارد تکنولوژی های وب قرار می گیرد.
فریم ورک چیست؟
قبل از اینکه بخواهیم به ادامه مسیر صفر تا صد کد نویسی فرانت اند بپردازیم باید راجع به مفهومی به نام فریم ورک (FrameWork) توضیحاتی را بیان کنیم و ببینیم که واژه ی فریم ورک به چه معناست؟
برای توضیح مفهوم فریم ورک توجه شما را به مثالی جلب می کنیم :
دو زبان فارسی و کردی را در نظر بگیرید. هر دوی آن ها تقریبا از حروف الفبای یکسانی تشکیل شده اند اما یادگیری این دو زبان نیازمند دوره های آموزشی کاملا جداگانه است.
در دنیای کامپیوتر نیز زبان های مختلفی مانند HTML, CSS, JavaScript وجود دارد که هر کدام از آن ها ممکن است چندین فریم ورک داشته باشند.
اما چرا این فریم ورک ها به وجود آمده اند و استفاده کردن از آن ها چه فایده ای برای ما خواهد داشت؟
- کاهش میزان کد نویسی برنامه نویس
- افزایش سرعت کدنویسی
- به عبارت دیگر استفاده از فریم ورک ها موجب می شود تا برنامه نویس بتواند در زمان کمتر مقدار بیشتری از پروژه را جلو ببرد.
حال که تا حدی با مفهوم فریم ورک ها آشنا شدید به ادامه مسیر صفر تا صد یادگیری فرانت اند می پردازیم.
تا به اینجای کار به 3 زبان برنامه نویسی HTML, CSS, JavaScript اشاره کردیم.
در ادامه ی این دوره و پس از فراگیری این 3 زبان قصد داریم یکی از فریم ورک های (گویش های) زبان CSS با نام Bootstrap را یاد بگیریم.
Bootstrap
بوت استرپ یک ابزار ویژه یا بهتر بگوییم، محبوب ترین فریم ورک دنیا برای زبان CSS است. به کمک این فریم ورک و شبکه بندی قدرتمند آن می توان صفحات وب را در کمترین زمان ممکن، به شکل کاملا ریسپانسیو (سازگار با تبلت و موبایل) طراحی کرد.
استفاده از این فریم ورک کاملا رایگان است!
jQuery
پس از یادگیری بوت استرپ در انتهای این مسیر به ظاهر سخت و طولانی به فریم ورک جی کوئری خواهیم رسید.
یکی از محبوب ترین فریم ورک های زبان JavaScript کتابخانه جی کوئری است. شما با یادگیری این زبان می توانید در زمان کمتر و با سرعت بسیار بالاتری کارهای جاوا اسکریپتی خود را انجام دهید.
چرا باید از جی کوئری استفاده کنیم؟
- جی کوئری سرعت کدنویسی ما را بالاتر می برد و کد های ما را کارآمد تر می کند
- یک کتابخانه متن باز است (یعنی هرکسی می تواند در توسعه و ارتقاء آن مشارکت کند)
- سازگاری بالا با کتابخانه های دیگر جاوا اسکریپت
- تنوع بسیار شگفت انگیز پلاگین ها و افزونه های آماده
پنج دوره آموزش تصویری فرانت اند در یک دوره!
مبحث Front-End یا طراحی ظاهر وب سایت، به تنهایی آمیخته از چندین زبان برنامه نویسی مختلف است که هر کدام دوره ی آموزشی خاص خود را می طلبند.
دوره آموزش تصویری پروژه محور End of Front-End ، یک پکیج آموزشی کامل (شامل پنج دوره مختلف) است که توسط گروه آموزشی آکادمی وبسیلا ضبط و فیلم برداری شده است.
شما می توانید هر آنچه که برای ورود به بازار کار طراحی فرانت اند سایت مورد نیاز است را در فیلم های آموزشی موجود در این پکیج جامع به صورت کاملا پروژه محور و عملی یاد بگیرید.
سرفصل های اصلی دوره :
- آموزش کامل و پروژه محور زبان پایه وب HTML
- آموزش کامل و پروژه محور زبان طراحی وب CSS و رسپانسیو
- آموزش کامل و پروژه محور فریم ورک بوت استرپ Bootstrap
- آموزش کامل و پروژه محور زبان JavaScript
- آموزش کامل و پروژه محور jQuery
- آموزش Ajax : آشنایی با نحوه ارتباط فرانت اند با بخش سرورساید وب سایت به کمک تکنولوژی ایجکس
پیش نیاز های آموزش فرانت اند؟
در یک جمله : هیچ پیش نیازی ندارد!
به دلیل اینکه این دوره مفاهیم طراحی سایت را از ابتدایی ترین نقطه آغاز می کند هیچگونه پیش نیازی نداشته و همه ی افراد علاقمند با تهیه این دوره می توانند پا به عرصه ی وب بگذارند.
این دوره آموزشی نه تنها پیشنیازی ندارد بلکه خود پیش نیاز اکثر دوره های آموزشی طراحی سایت می باشد. مانند :
- آموزش طراحی سایت با وردپرس
- آموزش طراحی سایت بدون کد نویسی
- فیلم آموزش طراحی سایت فروشگاهی
- و…
جلسه پرسش و پاسخ حضوری
بعد از خرید این دوره، ما شمارو از یاد نمی بریم و این تازه آغاز راه ماست، تا زمانی که شما به یک برنامه نویس حرفه ای فرانت اند تبدیل بشید!
علاقمندان می توانند با هماهنگی قبلی هفته ای نیم ساعت از پشتیبانی و جلسه پرسش و پاسخ حضوری در دفتر آکادمی وبسیلا در تهران به صورت رایگان بهره مند شوند.
امکان کارآموزی آکادمی وبسیلا
دانشجویان در پایان دوره می توانند درخواست خود را جهت گذراندن دوره کارآموزی در آژانس سئو و طراحی سایت وبسیلا اعلام نمایند.
جزوه آموزش طراحی سایت
تمامی منابع مختلف از جمله فایل های PDF و کتاب های مختلف آموزش طراحی سایت را کنار بگذارید و از جزوه صفر تا صد طراحی سایت آکادمی وبسیلا استفاده نمایید.
مالک تایید شده مهدی (خریدار محصول) –
سلام و خسته نباشید به استاد محمدی عزیز
دوره نهایت فرانت‌اند واقعا عالیه دقیقا مو به مو نکات گفته شده ، و این برای من ارزش خیلی زیادی داره
و متشکرم از پشتیبانی فعال سایت وبسیلا 🌹
مدیر فروش علیرضا محمدی کردخیلی –
سلام مهدی جان وقتت بخیر
خوشحالم که دوره برات مفید بوده
مرسی از انرژی خوبت❤️
مهیار قنبری –
سلام مدرک پایان دوره ارائه میشه؟؟
مدیر فروش علیرضا محمدی کردخیلی –
سلام بله دوست عزیز.
Shakila –
سلام خسته نباشید؛یه سوال داشتم .به طور معمول و معقول چه قدر وقت نیاز داریم که دوره رو تموم کنیم با تمرین و مسلط شدن به مباحث منظورم هست🌻
مدیر فروش علیرضا محمدی کردخیلی –
سلام وقت شما بخیر
اینکه شما کی تموم می‌کنید دوره رو کاملا بستگی به زمان و انرژی داره که برای تمرین و یادگیری میذارید اما به طور میانگین 3 الی 6 ماه رو باید در نظر بگیرید.
موفق باشید.
مالک تایید شده صلاح الدین نام نیک (خریدار محصول) –
با درود خدمت استاد عزیز و بزرگوار،از زحماتتون بینهایت سپاسگزارم.
بنده کارشناسی ارشد مکانیک هستم و بیشتر از 15 سال تجربه کاری دارم. در زمینه مکانیک، برق، شیمی و پروسه و کنترل بیشتر از صد پکیج آموزشی رو از سایتها و منابع مختلف تهیه کردم و یاد گرفتم، ولی سبک بیان و تسلط شما قابل ستایش هستش و قابل مقایسه با هیچکدومشون نیست. مخصوصا در بخش html که همزمان تصویر مدرس هم رو صفحه نمایش داده می شد، خیلی تاثیر مثبت و بسزایی تو یادگیری داشت و استرس بیننده رو کاهش می ده و در واقع یک فضای دوستانه به همراه داره. با شما در تماس خواهم بود و از راهنماییهاتون بهره خواهم برد.
منتظر تهیه پکیجهای جدیدتون خواهیم بود.
سربلند باشین و راهتان پایدار.
مدیر فروش علیرضا محمدی کردخیلی –
سلام خدمت شما صلاح‌الدین جان
خوشحالم که محتوای دوره برات مفید بوده و خیلی ممنونم بابت فیدبک و انرژی مثبتت😍
برات آرزوی موفقیت دارم🥇❤️
رویا مرادی –
با عرض سلام و ادب خدمت استاد عزیز، از دانشجوهای دوره هستم و می خوام به خاطر آموزش جامع، دقیق و منظمتون ازتون تشکر کنم. من دوره های آنلاین زیادی رو دیدم که هیچکدوم به این دقیقی و پروژه محوری نبوده، حتی در کلاس آموزش حضوری با تضمین به کارآموزی و بعد استخدام شرکت کردم و پول زیادی هزینه کردم در حالی که آموزششون خیلی کلی و سر بسته و به صورت پروژه ای نبود، متاسفانه پس از پایان دوره و پرداخت کامل وجه هم حرفشون رو عوض کردند.. شما داخل این دوره های آموزشی خیلی دلسوزانه تمام مباحث رو با جزییات توضیح دادید و از بیان جزییات هیچ دریغ نکردید. باز هم ممنون به خاطر آموزش های خوبتون
مدیر فروش علیرضا محمدی کردخیلی –
سلام خدمت شما
خیلی ممنون از اظهار نظر شما
خوشحالم که محتوای دوره براتون مفید بوده 🌹
سعیم بر این هست که بتونم در آپدیت‌های بعدی کیفیت رو از اینی که هست هم بالاتر ببرم.