کنار هم بمونیم! فقط یادت بمونه ناپلون هیل میگه : بهترین زمان برای شروع کار ، همین امروزه !! imandeveloperweb@gmail.com
نقشه راه فرانت اند کار شدن
تو این پست مسیر فرانت اند کار شدن رو به دوستان عزیز میگم !!
اگر دقیقا طبق حرفام پیش برید امکان موفق شدنتون زیاده !!
خب دوستان اولین کاری که باید بکنید اینه که برید توی اینترنت سرچ کنید html چیست به همین سادگی !
بعد که مطالبی رو در موردش فهمیدید و تونستید html رو درک کنید سرچ کنید اموزش html چند لینک خوب براتون میزارم برید به صورت رایگان !! حالشو ببرید
سبزلرن رو من بهتون پیشنهاد میکنم مدرسین به صورت مختصر و عالی درس دادند ولی بعضی از نکات رو نگفتند چون میخواهند اون هارو توی دوره ی پیشرفته ی html بگن که دوره ی پولی هست !! https://sabzlearn.ir/product/html-basic-free/
سوالاتمونو از کی بپرسیم؟
خب وقتی در حال یادگیری هستید صد در صد به صوالاتی برخورد میکنید که جوابشون رو نمیدونید !!
3 روش داره
1- یا میتونید با استفاده از این ایمیل به من ایمیل بزنید تا من جوابتونو بدم imandeveloperweb@gmail.com
2- میتونید برید به سایت راکت که این سایت هم سایت خیلی خوبی هست . راکت یک بخش داره مخصوص مشکلات و بحث ها !! میتونید از اون بخش به صورت رایگان مشورت بگیرید و سوالاتتونو اونجا مطرح کنید تا افراد دیگه هم به شما کمک کنند!!
اما سایت راکت یک بخش هم برای اموزش html داره که پیشنهاد میکنم یک سری به این اموزشش بزنید !! https://roocket.ir/series/learn-
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 پیشرفته بیشتر پروژه مینویسند و اگر هم تهیه کردید چه بهتر !!!
سبز لرن
سایت بعدی سبز لرن هست که این سایت هم بهتون پیشنهاد میکنم
و سایت اخری که میخواهم معرفی کنم برای 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
مطلبی دیگر از این انتشارات
خودآگاهی چیست و چگونه میتوانیم به آن برسیم؟
مطلبی دیگر از این انتشارات
بدون سر
مطلبی دیگر از این انتشارات
چگونه مهربان باشیم؟