نقشه راه فرانت اند کار شدن

 نقشه راه فرانت اند کار شدن
نقشه راه فرانت اند کار شدن


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

اگر دقیقا طبق حرفام پیش برید امکان موفق شدنتون زیاده !!

خب دوستان اولین کاری که باید بکنید اینه که برید توی اینترنت سرچ کنید html چیست به همین سادگی !

بعد که مطالبی رو در موردش فهمیدید و تونستید html رو درک کنید سرچ کنید اموزش html چند لینک خوب براتون میزارم برید به صورت رایگان !! حالشو ببرید 

   سبزلرن رو من بهتون پیشنهاد میکنم مدرسین به صورت مختصر و عالی درس دادند ولی بعضی از نکات رو نگفتند چون میخواهند اون هارو توی دوره ی پیشرفته ی html بگن که دوره ی پولی هست !! https://sabzlearn.ir/product/html-basic-free/

سوالاتمونو از کی بپرسیم؟

          خب وقتی در حال یادگیری هستید صد در صد به صوالاتی برخورد میکنید که جوابشون رو نمیدونید !!

3 روش داره

1- یا میتونید با استفاده از این ایمیل به من ایمیل بزنید تا من جوابتونو بدم imandeveloperweb@gmail.com

2- میتونید برید به سایت راکت که این سایت هم سایت خیلی خوبی هست . راکت یک بخش داره مخصوص مشکلات و بحث ها !! میتونید از اون بخش به صورت رایگان مشورت بگیرید و سوالاتتونو اونجا مطرح کنید تا افراد دیگه هم به شما کمک کنند!!

اما سایت راکت یک بخش هم برای اموزش html داره که پیشنهاد میکنم یک سری به این اموزشش بزنید !! https://roocket.ir/series/learn-

html

3- میتونیید از اشنایان هودتون یا فامیل هاتون هم کمک بگبیرید !!

خب و بعد از اینکه html رو یاد گرفتید باید چند تا پروژه ساده بنویسید تا وقتی که احساس کنید توی html تقریبا حرفه ای شدید

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

      خب حالا که فکر میکنید توی html تقریبا حرفه ای شدید وقتشه که سری به css بزنید  کافیه سرچ کنید css چیست !

وقتی که css رو درک کردید وقتشه که css رو یاد بگیرید که من هم چند سایت رو بهتون معرفی میکنم

تاپ لرن

          اولین و بهترین سایت که من خودم به شخصا بهتون پیشنهاد میکنم سایت تاپ لرن هست که استاد های باتجربه ای در این سایت درس میدهند خوبی این سایت این است که بیشتره دوره های اموزشی این سایت رایگان تدریس شند !!! خب پس حتما یکسری به این سایت بزنید

خب برای html css پکیج اموزشی ای که دارند به سه دوره تقسیم میشه دوره ی html css مقدماتی  ، دوره ی html css جامع و دورهه ی html css پیشرفته که دوره ی اول و دوم رایگان هستند و پیشنهاد میکنم از دوره ی html css مقدماتی شروع کنید چون هم برایتان مروری خواهد شد و هم مطالبی میگن که توی سایت هایی که برای html معرفی کرده ام نگفته اند پس نگید من که مقدماتی رو بلدم چون هم مطالب جدیدی در این دوره یاد میگیرید هم این دوره طلفیقی از html  و css است !!!  بعد از این که دوره ی html css مقدماتی رو یاد گرفتید میتونیید سری به دوره ی html css جامع بزنید که واقعا جامع هست و از سیر تا پیاز هر تگ رو براتون میگه  در حال حاظر انقدر این دوره جامع هست که هنوز درحال برگزاری هست !! 

دوره مقدماتی html css تاپ لرن

دوره جامع html css تاپ لرن 

دوره پیشرفته html css تاپ لرن

 حتما پیشنهاد میکم یک سری به این سایت بزنید و اما اگر نتونستید دوره ی html css  پیشرفته ی تاپ لرن رو تهیه کنید اشکالی نداره چون توی دو دوره ی قبل کل مباحث رو ذکر کردن و در دوره ی html css  پیشرفته بیشتر پروژه مینویسند و اگر هم تهیه کردید چه بهتر !!!   

سبز لرن

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

دوره مقدماتی css سبز لرن

               و سایت اخری که میخواهم معرفی کنم برای css دوره ی css راکت هست که در رابطه با راکت با هم صحبت کردیم !

راکت   

دوره جامع css راکت

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

      بعد از این که روی html css درک بالایی داشتید و تونستید چند پروژه ی دل پزیر رو برای خودتون بسازید وقت فریم ورک های css میرسه میتونید توی سرچ کنید فریمورک زبان برنامه نویسی چیست ؟

و مطالبی رو بدست بیارید دوستان فریم ورک خیلی مهمه چون میتونه کار شما رو چند برابر اسان تر بکنه !!

خب ، حالا میتونید به سراغ یادگیری فریم ورک ها برید که من به این ترتیب به شما پیشنهاد میکنم که پیش برید 

فریمورک flexbox

  این فریم ورک نقش بسیار بالای در نهوه ی چینش باکس های شما یا اندازه ی سایت های شما دارد اگر html  و css کار کرده اید حتما متوجه شده اید که وقتی میخواهیم به یک  ایتم float بدهیم به باگ هایی میرسیم که واقعا شمارو از این کار ناامید میکند اما flexbox همه ی این کار هارو راحت کرده و یک فرانت اند کار باید به شخصه این فریم ورک رو بلد باشه اگر در سایت های ذکر شده یعنی تاپ لرن و راکت جستجویی کنید و به عنوان مثال flexbox رو سرچ کنید مدرسین با تجربه به صورت رایگان برای شما عزیزان دوره هایی تهیه کرده اند.

فریمورک css grid

میتوان گفت css grid نثل پیشرفته تر flexbox است !

اما شما اگر flexbox هم یاد بگیرید کافیه و نیازی به css grid نیست ولی اگر میخواهید در فرانت اند پیشرفته تر کد بنویسید و سرعت کار برای شما مهم است پیشنهاد میکنم css grid را هم یاد بگیرید !

فریمورک bootstrap

به جرعت می توان گفت هر کسی که این فریمورک را بلد نباشد نمیتواند خود را یک web developer بداند !!!

این فریمورک انقدر مهم است که به یک نیاز اصلی web developer تبدیل شده است

اگر ریسپانسیو سایت برای شما اهمیت دارد بدون شک انتخاب من bootstrap است !

منبع اموزشی فریمورک ها

سایت تاپ لرن تمام این فریمورک ها را به صورت رایگان در اختیار شما کاربران عزیز قرار داده است!!!

پس حتما یک سری به سایت تاپ لرن بزنید !!

پیش بردازنده های css

میتوانید این موضوع را سرچ کنید و اطلاعاتی در مورد این موضوع به دست اورید .

در اصل میتوان گفت پیشبردازنده های css برای تمیز تر کردن و سریع تر نوشتن کد ها به کار میروند

مثلا وقتی یک تگ div ساخته ایم که درون ان 100 خط کد css وجود دارد و شاید بسیار بسیار بیشتر !!

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

این کار هم کد های شما را نامرطب میکند و هم حجم پروژه ی شما را بالا میبرد و اگر دنبال یک خط کد در 500 خط کد بگردید واقعا کار عقلانی ای نیست و وقت شمارا میگیرد اما پیش بردازنده ها کار مارا بسیار اسان کرده اند طوری که با یک خط کد ان 500 خط کد را وارد تگ دیگرمان میکنیم و بسیار امکانات بیشتر !!!

پیش پردازنده sass

یکی از بهترین پیش پردازنده ها و قدرتمند ترین انها sass است که بسیار ساده است ان را میتوان در یک یا دو روز یاد گرفت !!!

و باز هم سایت تاپ لرن و راکت این دوره ها را هم به صورت رایگان در اختیار شما گزاشتند !!!

پیش پردازنده less

و اما less ،، میتوان گفت رقابت اصلی این پیش بردازنده ها بین sass و less هستند !!

افرادی sass را بهتر میدانند و افرادی دیگر less !!

من به شخصه از sass استفاده میکنم چون ساده تره و سرعت کار رو هم بالا میبره

اما شما هرکدام را که خواستید میتوانید انتخاب و در سایت های ذکر شده یاد بگیرید !!

متفرقه ی css

ولی css به این امکانات محدود نمیباشد و کارهای دیگیری از جمله انیمیشن سازی هم میتوان با css انجام داد !!

یادگیری JavaScript

خب دوستان وقتی همه ی این کار ها رو انجام دادید سر انجام به جاوا اسکریپت میرسید که میتوانیید سرچ کنیید جاوا اسکریپت چیست و از زبان قدرتمند اطلاعاتی کسب کنید

جاوا اسکریپت زبانی بسیار قدرتمند است که امروزه همه ی developerweb ها باید بلد باشند یعنی اگر شما یک full stack هم باشید و JS را بلد نباشید به هیچ عنوان اسم خود را web developer نگزارید چرا که با جاوا اسکریپت هرکاری میتوان کرد شما وقتی جاوا اسکریپت بلد باشید میتوانیید با nodJS سمت سرور را انجام دهید و با فریمورک های بسیار قدرتمند JS میتوانیید هرکاری که بخواهید را انجام دهید .

هرچه در مورد حاوا اسکریپت بگم کم گفتم چون واقعا عالی و قدرتمنده شما میتوانیید در سایت سبز لرن و تاپ لرن و راکت و منبع هایی که خودتان سراغ دارید به راحتی JS را یاد بگیرید !!

دوستان خود جاوا اسکریپت حداقل 3 ماه طول میکشه که شما کامل یادش بگیرید پس عجله نکنید و با تمرکز و اراده پا به دنیای جاوا اسکریپت بگزارید !!

امیدوارم خوشتون اومده باشه سوالی داشتید درخدمتم :))

imandeveloperweb@gmail.com