فرانت اند دولوپر http://dehghan.net
برنامهنویسی Front-end یا سمت کاربر رو از کجا شروع کنیم؟
توی سال ۲۰۱۹ هستیم جایی که دیگه وبسایتها یه چیز عادی محسوب میشن. دیگه حتی داشتن سایت شخصی یه چیز باکلاس نیست(در حالی که چند سال قبل بود).
ولی تو این دوره زمونه وباپلیکیشنها(web application) کاربرد بالایی دارند. اَپلیکیشنهایی با کارایی های مختلف که نیاز به نصب هم ندارن و با یک آدرس اینترنتی قابل دسترسند. مثل نسخه وب اپلیکیشن اسنپ، جیمیل، پونیشا و...
۱- برنامه نویسی Front-end(یا سمت کاربر)
برنامهنویسی فرانتاند از اسمش مشخصه یعنی جلوی کار. چیزی که کاربر میبینه و باهاش ارتباط داره. و توی سیستم کاربر اجرا میشه.
۲- برنامه نویسی Back-end (یا سمت سرور)
برنامهنویسی بکاند هم پشت کار رو دارند! یعنی سمت سرور رو برنامه نویسی میکنند
برای اطلاعات بیشتر در این مورد میتونین به ویکی پدیای فرانتاند و بکاند مراجعه کنید.
من خودم برنامهنویس Front-end هستم و نمیدونم اگه کسی میخواد برنامهنویس Back-end بشه باید چیکار کنه!
ولی اگه کسی دوست داره برنامهنویس Front-end بشه باید چیکار کنه؟
من یه سری مراحل ساده رو نوشتم که برای کسی که میخواد شروع کنه مناسبه هر مرحله که بلدین میتونین ردش کنین و به مرحله بعدی برین.
۱- نکات اولیه
برای یادگیری برنامهنویسی Front-end اول باید این چیزارو بدونید:
- وب سایت چیه؟
- بازیگران اصلی چی هستند:(هاستینگ چیه؟، زبان های برنامه نویسی وب کدومند؟، توسعه سمت کاربر چیه؟، توسعه سمت سرور چیه؟ مرورگر چیه؟)
۲- یادگیری زبان های اصلی وب
- یادگیری HTML
میتونین از وب سایت عالی w3school یادش بگیرید. از اول شروع کنین و یکی یکی سرفصلها رو بخونین لازم نیست تا اخرش رو بخونین وقتی که حس کردین بلدین کافیه. - یادگیری CSS
این هم میتونین از همون وبسایت بخش CSS یاد بگیرید به همون صورت لازم نیست همشو بخونین وقتی حس کردین باهاش راحتین کافیه.
با CSS بازی کنین و لذت ببرین
۳- تمرین تحت پروژه
وقتی این دوتا رو یاد گرفتین وقتشه که یه پروژه کوچک برا خودتون در نظر بگیرید مثلا با خودتون بگید میخوام واس خودم وبسایت شخصی درست کنم. یه دامنه شخصی بخرین و یه هاست از یه شرکت که میزبانی ارائه میده بخرین و توش HTML و CSS که یاد گرفتین رو پیاده کنین.
البته پیشنهاد من اینه که قالب HTML آماده از اینترنت دانلود کنید و اون رو با دانش خودتون تغییر بدین چون اینطوری کدهای اون شخص هم میبینید و کدنویسی استاندارد هم یاد میگیرید.
یه چیزی مثل قالبی که از این لینک میتونید دانلود کنید و برای خودتون شخصی سازی کنید.
۴- یادگیری جاوا اسکریپت
وقتی حس کردین که با HTML/CSS راحتین وقتشه که کمی جاوااسکریپت یاد بگیرید. برای شروع آموزشهای بخش جاوااسکریپت W3schools رو بخونین. وقتی یکم با نوع کد نویسیش آشنا شدید. به نظر من برین یکم جیکوئری رو یاد بگیرید و باهاش بازی کنید و اینطوری حس خوبی پیدا کنید.
بعد اینکه با همش آشنا شدید وقتشه سمت VueJS و ReactJS یا هر فریم ورکی که دوست دارین برین. ولی همشو باهم یاد نگیرید یکیشون به نظرم کافیه چون تقریبا شبیه همن و میتونین هرکدوم لازم داشتین هروقت یاد بگیرید
وقتی همه این مراحل رو گذروندید میتونین همه اینایی که یاد گرفتین رو تو رزومتون بزنین و تبریک میگم میشه گفت شما یک برنامه نویس Front-End هستید.
البته فراموش نکنید که نمیتونید هیچوقت یاد گرفتن رو کنار بگذارید چون خیلی چیزای مرتبط هست که باید یاد بگیرید و هر روز بهتر بشید
نظر شما چیه؟
اگه برنامه نویس هستید شما چطور یاد گرفتید؟
مطلبی دیگر از این انتشارات
جاوا اسکریپت چه جوری کار میکنه؟ مدیریت حافظه و ۴ روش برای مهار کردن مموری لیک
مطلبی دیگر از این انتشارات
ساختن بکاند تایپاسکریپتی با NestJS - بخش ۱: NestJS چیست و چرا؟
مطلبی دیگر از این انتشارات
آینده وب اپلیکیشن ها با PWA