آموزش جامع و کاربردی طراحی وب سایت (فرانت اند) آکادمی آی ت
آنچه در انتظار شماست
Toggleدوره جامع آنلاین طراحی وب سایت (front end) آکادمی آی تی
چه شما یک دانشجو یا فارغ التحصیل رشته کامپیوتر و گرایشهای مرتبط آن باشید, چه فردی که در این حوزه تخصصی نداشته باشید اما به نحوه کسب درامد آن علافه مند باشد, میتوانید با ورود به این دوره به صورت کاملا جامع و کاربردی و بدون نیاز به هیچ پیش نیازی آموزش خودتان را شروع کنید, سعی کنید تمرین کنید, ایده های مختلف را طراحی کنید و خودتان را برای ورود به بازار کار آماده کنید.
چرا فرانت اند یکی از پرطرفدار ترین ها در حوزه طراحی وب به حساب می آید؟
برنامه نویسی فرانت اند (front end) یکی از شاخه های بسیار مهم توسعه نرم افزار است, به لطف این تخصص است که صفر تا صد ظاهر وب سایت شما شکل می گیرد, تمامی آنچه به معنای کلمه, به عنوان خلاقیت در حوزه وب تعریف میشود, عمدتا در این بخش نمایش داده میشود.
هرچه مهارت و تجربه ی شما در این کار بیشتر باشد, توانایی طراحی وب سایت های جذاب تر و زیبا تری را خواهید داشت, به همین دلیل است که هر ساله تقاضا برای جذب نیروی متخصص فرانت اند رو به افزایش است, چراکه وب سایت های مختلفی در حال طراحی و ساخت هستند که شاید عمدتا به یک بک اند خاص متصل باشند, اما همگی ظاهری متفاوت خواهند داشت.
آنچه در دوره طراحی وب سایت فرانت اند آکادمی آی تی خواهید آموخت
ما در این دوره فرانت اند یا طراحی ظاهر وب سایت از مقدماتی تا پیشرفته یاد میگیریم که:
۱-چه رابط کاربری خوبه ؟
۲- چطور بسازیمش ؟
۳- چطور رابط کاربری مون رو کد کنیم تا مرورگرها متوجه شوند.
۴- نسخه های آخر زبان های سمت فرانت اند را مو به مو با هم کار میکنیم.
۵- از کتابخانه ها و ابزار هایی که کار ما را سریع تر پیش میبرند استفاده میکنیم.
۶- یاد میگیریم با زبان برنامه نویسی جاوااسکریپت که محبوب ترین زبان توسعه ی وب دنیا و در کنار پایتون از محبوب ترین زبان های برنامه نویسی دنیاست کار کنیم.
۷- یاد میگیریم چطور با کتابخانه ری اکت, یک وب اپلیکیشن با کمک جدید ترین نسخه های جاوا اسکریپت بسازیم.
سرفصل های این آموزش کامل و تخصصی فرانت اند آکادمی آی تی :
۱. آموزش HTML5 و CSS3
HTML که برگرفته از HyperTextMarkupLanguage است, یک زبان اشاره گذاری است, ممکن است در ابتدا شما آن را با یک زبان برنامه نویسی اشتباه بگیرید, ولی اچ تی ام ال یک زبان برنامه نویسی نیست, بنابر این به تنهایی کاربرد ندارد و در واقع تنها تگهایی را برای طراحی سایت در اختیارتان قرار میدهد.
۲. CSS مخفف عبارت (Cascading Style Sheets)
CSS در واقع قابلیتی است که برای صفحه آرایی و جلوههای ظاهری وبسایت یا سایتتان به شما کمک میکند, آن چه در مرحله اول کاربر را در سایت شما نگه میدارد همین ویژگی ظاهری است پس آن را دست کم نگیرید, مراحلی که در این بخش شما نیاز دارید که طی کرده و فرا بگیرید:
۱. شروع کار با HTML
۲. کار با تگهای معروف
۳. استایل دهی به تگها
۴. Display
۵. BoxModel
۶. Positions
۷. استارت کار بر روی پروژه
۸. اضافه کردن فونت به پروژه
۹. توسعه کامپوننت محور (کامپوننت محور به بیان ساده به این معناست که شما در ابعاد کوچک یک برنامه بزرگ را خلق میکنید, هر بخش را جدا ولی در مجموع یک برنامه واحد دارید)
۱۰. FlexBox
۱۱. Responsive و مدیا کوئریها
۳. آموزش JavaScript (ES6)
در اینجا شما به اصلیترین بخش کار میرسید, هر سایت نیاز به برنامه نویسی دارد و هر برنامه نویسی نیازمند یک زبان برنامه نویسی است, جاوااسکریپت زبان برنامه نویسی است که بیشترین هماهنگی را با HTML و CSS دارد, شما با دانستن موارد زیر بر این زبان تسلط داشته و آماده فعالیت در زمینه طراحی سایت هستید:
۱. شروع کار با جاوااسکریپت
۲. مقدمات جاوااسکریپت
۳. بررسی استانداردهای ES6
۴. کار با DOM
۵. Event ها
۶. پروژه کارهای روزمره با JS
۷. کار با BOM
۸. Objects and arrays
۹. OPP و class ها در JS
۱۰. پروژه وبسایت
۱۱. کار با کتابخانههای معروف
۱۲. ارتباط با سرور
۴. آموزش کامل ReactJS
React js یکی از بهترین و پرسرعتترین کتابخانههای متن باز و کاملا رایگان جاوا اسکریپ محسوب میشود, شما تا همین جا هم گامهای بسیاری را طی کردهاید و آماده کار در یک تیم طراحی سایت هستید, اما اگر میخواهید تیر نهایی را در این زمینه رها کنید؛ موارد زیر آخرین نیازهای شما هستند:
۱. اضافه کردن react به وبسایت
۲. نصبnode و npm
۳. ابزار app-react-create
۴. Jxs
۵. Components
۶. Props
۷. States
۸. Events
۹. نصب fontwesome
۱۰. نصب bootstrap-react
۱۱. پروژه todoApp
۱۲. پروژه دوم
۱۳. نصب UI materials
۱۴. contextApi
۱۵. axios و کار با Api
۱۶. ارتباط با سرور
شاید با دانستن یک یا دو مورد از سر تیترهای بالا شما بتوانید با زحمت و تلاش بسیاری خودتان را وارد یک تیم طراحی سایت کنید, اما قطعا نمیتوانید بدرخشید یا موقعیتی عالی برای خود فراهم کنید, با این حال با تکمیل مراحل بالا و تسلط به زمینههای گوناگون, تبریک میگوییم! شما خواهید درخشید و به یک کارشناس در زمینه طراحی سایت تبدیل خواهید شد.
میتوانید از پروژههایی که انجام دادید به عنوان نمونه کار و یا سابقهی کار در رزومهی خود استفاده کنید, دیگر هیچ یک از اصطلاحات به کار رفته در زمینه طراحی سایت برایتان عجیب یا گیج کننده نخواهد بود.
آنچه در مورد دوره فرانت اند یا طراحی وب سایت آکادمی آی تی باید بدانید:
۱. چگونگی شرکت در دوره
شما میتوانید از طریق ثبت نام در وب سایت میتوانید دوره را خرید کنید لینک خرید تبدیل به لینک شرکت در دوره میشود شما کلیک میکنید وارد پنل کلاس های آنلاین آکادمی میشوید و طبق تاریخ و ساعتی که اعلام میشه هر جلسه حاضر میشوید.
۲. بدون نیاز به پیش نیاز
شما برای گذراندن این دوره نیاز به هیچ گونه پیش نیاز خاصی در حوزه آی تی نخواهید داشت و فقط با داشتن یک عدد کامپیوتر میتونید وارد این کلاسها شوید و دوره ها را با استاد یاد بگیرید تمرین کنید پروژه ها رو انجام بدید.
۳. پروژه محور بودن دوره و مناسب برای وروود به بازار کار
دوره متخصص طراحی سایت ارائه شده توسط آکادمی آی تی به شما کاملا پروژه محور می باشد به شکلی که تمامی سرفصل ها و دوره ها با انجام پروژه های کاربردی برای ورود به بازار کار پیش میروند یعنی هر دوره یک پروژه انجام میشه و شما کاملا در پروژه سهیم خواهید بود, علاوه بر اینکه داخل کلاس پروژه رو انجام میدهید, تمرین هایی استاد تعیین میکند که شما باید پاسخ بدهید.
۴. ارتباط کامل استاد با دانشجو ها در طول دوره
شما از زمانی که دوره را تهیه می کنید در طول زمان دوره یک گروه تلگرامی تشکیل میشود که شما از طریق این گروه میتوانید با استاد طبق زمانبندی در ارتباط مستقیم باشید و هر سوال و مشکلی که دارید را مطرح کنید و همچنین یک جلسه در ماه برای دوستانی که تهران هستند جلسات حضوری برای رفع اشکال و پرسش و پاسخ دوستان برگزار میشود.
۵. ارائه مدرک آکادمی آی تی در انتهای دوره آموزشی پس از آزمون
در انتهای دوره به دوستانی که در آزمون نمره قبولی کسب کنند, مدرک آکادمی آی تی ارائه میشود.
۶. قوانین عودت شهریه دوره آنلاین
۱) تا ده روز قبل از شروع کلاس کل مبلغ عودت داده میشود.
۲) بین ده روز تا روز تشکیل, ۳۰ درصد کسر میشود و ۷۰ درصد شهریه عودت داده میشود.
۳) جلسات هم شروع شود, هزینه ای عودت داده نمیشود.
سرفصلهای دوره طراحی وب سایت آکادمی آی تی با جزییات مطالب
۱. ADOBE XD
قبل از طراحی بهتر است طرح خود را بر روی ابزاری مثل xd adobe تا کارفرما نظرات و تغییرات خودش را بهتر و زودتر به ما اعلام کند و ما مجبور نباشیم برای هر تغییری دوباره کد نویسی کنیم.
- بررسی محیط نرم افزار
- آرت بورد
- معرفی و بررسی کامل ابزارها
- طراحی انواع نمودار
- سایه ها
- افکت های شیشه ای
- ماسک کردن
- تکرار در طراحی
- پدینگ
- استک
- معرفی انواع پنل ها
- کامپوننت ها
- وضعیت های کامپوننت
- ویدیو و انیمیشن
- پرو تو تایپ
۲. HTML و CSS
- HTML و CSS مقدمات ۱۵ تا ۲۰ ساعت
- تگ های هدینگ HEADING
- تگ های متنی
- لینک ها
- عکس ها
- ویدیوها و صوت ها
- لیست ها
- جداول
- تگ DIV
- تگ SPAN
- نحوه استایل دهی
- انواع سلکتورها
- سود و کلاس
- سود و المنت
- اولویت سلیکتورها
- ارث بری استایل
- رنگ ها
- BORDER
- سایه ها
- باکس مدل
- سرریز شدن محتوا
- پوزیشن و محل قرار گیری المان ها
- فلکس باکس
- گرید
- ریسپانسیو با مدیا کوئری
- متن ها
- کار با فرم ها
- جا بجایی
- انیمیشن ها
پروژه پایانی این فصل: طراحی سایت SNAPP
۳. فریم ورک TAIL WIND
تیل ویند یک فریم ورک برای توسعه رابط کاربری است, افزایش سرعت توسعه برنامه ها, قابلیت شخصی سازی بالا و سرعت بالای سایت به خاطر کمترین حجم CSS از مزایای این فریم ورک است.
پروژه پایانی: طراحی فروشگاه اینترنتی
۴. زبان جاوا اسکریپت حدودا
- متغیرها
- عملگرها
- دستورات شرطی
- حلقه ها
- آبجکت ها
- آرایه ها
- فانکشن
- DOM
- شی گرایی
- ماژولها
پروژه: TODO LIST
- سبد خرید
- نوت پد
- طراحی SPA
- MODAL
۵. GIT-GITHUBE
گیت یک روش مدیریت پروژه برنامه نویسی است که مشخص میکند چه کسی در چه زمینه ای و چه قسمتی از کدها را تغییر داده است.
- دانلود و نصب
- کانفیگ گیت
- کامیت کردن
- STAGE
- GIT-DIFF
- GIT-REMOVE
- ساخت اکانت گیت هاب
- GIT PUSH WITH HTTPS
- GIT PUSH WITH SSH برنچ
۶. REACT JS
- PROPS FUNCTION COMPONENT STATE
- استایل دهی به کامپوننت ها
- چرخه حیات کامپوننت
- ری اکت هوکس
- مدیریت استیت
- HTTP درخواست
- REACT ROUTER DOM
- اعتبار سنجی فرم ها
- ریداکس
- کاستوم هوک
- بهینه سازی ری اکت
- REDUX-SAGA
- دیپلوی کردن
پروژه پایانی: پروژه فروشگاه
دیدگاهتان را بنویسید