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

کلیت ( نقشه راه )

این روزها بحث سایت و کاربردهای آن داغ‌تر از همیشه است.

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

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

اصطلاحاتی عجیب و گیج کننده که نمی‌دانید چه کاربردی دارند و چرا به آن‌ها نیاز دارید.

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

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

آنچه در این دوره خواهید آموخت
 

ما توی دوره طراحی سایت پیشرفته ، با هم یاد میگیریم که :

-چه رابط کاربری خوبه ؟ 

- چطور بسازیمش ؟

- چطور رابط کاربری مون رو کد کنیم تا مرورگرها متوجه شوند

- نسخه های آخر زبان های سمت فرانت اند رو مو به مو با هم کار میکنیم 

- از کتابخانه ها و ابزار هایی که کار ما رو سریع تر پیش میبرن استفاده میکنیم 

- یاد میگیریم با زبان برنامه نویسی جاوااسکریپت که محبوب ترین زبان توسعه ی وب دنیا و در کنار پایتون از محبوب ترین زبان های برنامه نویسی دنیاست کار کنیم 

- یاد میگیریم چطور با کتابخانه ی ری اکت ، یک وب اپلیکیشن با کمک جدید ترین نسخه های جاوا اسکریپت بسازیم 

- و توی این مسیر کلی چالش باحال سر راهمون هست که قراره باهم ازشون یاد بگیریم ;)

سرفصل های این آموزش کامل و تخصصی : 

مقدمه‌ای بر UX و UI
 

بیایید ابتدا اصل ماجرای UX و UI را بررسی کنیم.
UX و UI دو اصطلاح کاربردی و مهم هستند که در مراحل طراحی و برنامه ریزی یک محصول کاربرد دارند.
با اینکه تعریفی دقیق برای این دو اصطلاح وجود ندارد اما هنوز هم می‌توان به مفهوم کلی آن‌ها دست پیدا کرد.
در طراحی سایت؛ UX ( که برگرفته از user experience ) به مرحله‌ای گفته می‌شود که در آن تمام مراحل با توجه به تجربه و نظر کاربران است.
در کنار آن UI ( که بر گرفته از user interfao ) مرحله‌ای است که در آن چگونگی ارائه خدمات یا محصولات وب‌سایت مورد بررسی قرار می‌گیرد.
اگر تمایل دارید تا در این بخش تسلط پیدا کنید باید موارد زیر را فرا بگیرید:

1.    آشنایی با UX و UI :
مرحله‌ی آشنایی گام اول هر یادگیری است.
2.    راه اندازی FIGMA:
فیگما یکی از بهترین ابزارها در زمینه طراحی سایت است.
3.    آشنایی با ابزارهای فیگما:
شما برای کار با هر نرم افزار نیاز به آشنایی و فراگیری ابزاری دارید که در اختیارتان قرار می‌دهد.
4.    بخش‌های مختلف وب‌سایت:
شما نیاز دارید بدانید چه بخش‌هایی وجود دارد تا بتوانید آن را طراحی کنید.
5.    اهمیت رنگ‌ها در UX و UI
6.    کنتراست رنگی
7.    آشنایی با دیزاین و پترن‌ها 
8.    آشنایی با گرید بندی
9.    شروع کار روی یک پروژه:
و اینجا مرحله‌ای است که شما آنچه که فرا گرفته‌اید را در عمل آزمایش خواهید کرد و نمونه کاری است که شما می‌توانید ارائه دهید.
10.    و در نهایت طراحی کامپوننت محور

آموزش HTML5 و CSS3
 

HTML که برگرفته از HyperTextMarkupLanguage است؛ یک زبان اشاره گذاری است.
ممکن است در ابتدا شما آن را با یک زبان برنامه نویسی اشتباه بگیرید. ولی اچ تی ام ال یک زبان برنامه نویسی نیست بنابر این به تنهایی کاربرد ندارد و در واقع تنها تگ‌هایی را برای طراحی سایت در اختیارتان قرار می‌دهد.

CSS مخفف عبارت Cascading Style Sheets است.
CSS در واقع قابلیتی است که برای صفحه آرایی و جلوه‌های ظاهری وب‌سایت یا سایت‌تان به شما کمک می‌کند.
آن چه در مرحله اول کاربر را در سایت شما نگه می‌دارد همین ویژگی ظاهری است پس آن را دست کم نگیرید.
مراحلی که در این بخش شما نیاز دارید که طی کرده و فرا بگیرید:

1.    شروع کار با HTML
2.    کار با تگ‌های معروف
3.    استایل دهی به تگ‌ها
4.    Display ها
5.    BoxModel
6.    Positions ها 
7.    استارت کار بر روی پروژه
8.    اضافه کردن فونت به پروژه
9.    توسعه کامپوننت محور ( کامپوننت محور به بیان ساده به این معناست که شما در ابعاد کوچک یک برنامه بزرگ را خلق می‌کنید. هر بخش را جدا ولی در مجموع یک برنامه واحد دارید. )
10.    FlexBox
11.    Responsive و مدیا کوئری‌ها

آموزش Bootstrap5 & Sass
 

در واقع Bootstrap & Sass ابزارهایی هستند که برای طراحی یک سایت به کمک HTML و CSS می‌آیند و زیر مجموعه‌ای از جاوا اسکریپت هستند.
هر چه با ابزارهای کاربردی بیشتری آشنایی داشته باشید مسیری که طی می‌کنید مفرح‌تر و راحت‌تر خواهد بود.
مواردی که شما لازم دارید تا در این بخش بدانید:

1.    نصب Bootstrap
2.    شروع پروژه با Bootstrap
3.    Container
4.    Grid  بندی
5.    Classهای کاربردی
6.    نصب فونت fontwesome
7.    نصب Sass
8.    استایل دهی با Sass
9.    Nesting , variable
10.    Functions and mixins

آموزش JavaScript (ES6)
 

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

1.    شروع کار با جاوااسکریپت
2.    مقدمات جاوااسکریپت
3.    بررسی استانداردهای ES6
4.    کار با DOM
5.    Event ها
6.    پروژه کارهای روزمره با JS
7.    کار با BOM
8.    Objects and arrays
9.    OPP  و class ها در JS
10.    پروژه وبسایت
11.    کار با کتاب‌خانه‌های معروف
12.    ارتباط با سرور

آموزش کامل ReactJS
 

React js یکی از بهترین و پرسرعت‌ترین کتابخانه‌های متن باز و کاملا رایگان جاوا اسکریپ محسوب می‌شود. 
شما تا همین جا هم گام‌های بسیاری را طی کرده‌اید و آماده کار در یک تیم طراحی سایت هستید.
اما اگر می‌خواهید تیر نهایی را در این زمینه رها کنید؛ فوارد زیر آخرین نیازهای شما هستند:

1.    اضافه کردن react به وبسایت
2.    نصب js.node و npm
3.    ابزار app-react-create
4.    Jxs
5.    Components
6.    Props
7.    States
8.    Events 
9.    نصب fontwesome
10.    نصب bootstrap-react
11.    پروژه todoApp
12.    پروژه دوم
13.    نصب UI materials
14.    contextApi
15.    axios و کار با Api
16.    ارتباط با سرور

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

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

آنچه در مورد این دوره باید بدانید

چگونگی شرکت در دوره : 

شما میتوانید از طریق ثبت نام در وب سایت میتوانید دوره را خرید کنید لینک خرید تبدیل به لینک شرکت در دوره می‌شود شما کلیک میکنید وارد پنل کلاس های آنلاین آکادمی میشوید و طبق تاریخ و ساعتی که اعلام میشه هر جلسه حاضر میشوید 

 بدون نیاز به پیش نیاز :

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

- پروژه محور بودن دوره و مناسب برای وروود به بازار کار : 

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

 ارتباط کامل استاد با دانشجو ها در طول دوره :

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

 ارائه مدرک دانشگاه تهران در انتهای دوره پس از آزمون:

پس از اتمام این پکیج دوستانی که بصورت کامل پکیج رو گذرونده باشند یک آزمون براشون طراحی میشه از کلیه دوره ها ی پکیج آزمون هم بصورت عملی تستی و تشریحی میباشد دوستانی که نمره مورد نظر استاد رو کسب کنند مدرک مورد تایید دانشگاه تهران را دریافت می‌کنند 

معرفی به بازار کار: 

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

وبینار رزومه نویسی تخصصی : 

یک وبینار رزومه نویسی تخصصی هم در نظر گرفته شده برای دوستانی که تمامی دوره های پکیج را گذرانده باشند

قوانین عودت شهریه دوره آنلاین : 

۱) تا ده روز قبل از شروع کلاس کل مبلغ عودت داده می‌شود 
۲)بین ده روز تا روز تشکیل ۳۰ درصد کسر میشه و ۷۰ درصد شهریه عودت داده میشه
۳) جلسات هم شروع بشه هزینه ای عودت داده نمی‌شود

جدول زمان بندی دوره: