دوره آنلاین برنامه نویسی فرانت اند (شروع گروه سوم اردیبهشت 1401)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آموزش 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.    ارتباط با سرور

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

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

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

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

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

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

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

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

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

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

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

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

   در انتهای دوره به دوستانی که در آزمون نمره قبولی کسب کنند مدرک دانشکاه تهران ارائه میشود و مبلغ 300 هزار تومان هزینه صدورمدرک از دانشگاه تهران برعهده دانشجو میباشد.

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

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

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

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

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

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