صفر تا ۱۰۰ تا مسیر و کسب درآمد برنامه نویسی وب (Fullstack Roadmap)

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

چطوری اصلا برنامه نویسی وب رو شروع کنم ؟!

سالهای اول دانشگاه رشته مهندسی برق بودم که زیاد از کد نویسی اون موقع خوشم نمیومد تا اینکه یروز یکی از دوستان یه دوره از سایت Udemy بهم معرفی کرد حتی با وجود اینکه اون میدونست من از HTML & CSS هیچی چیزی سرم نمیشه .

https://www.udemy.com/course/the-complete-web-development-bootcamp/

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

مدرس این دوره خانم " آنجلا یو " هستند که همیشه منو به ادامه مسیر ترغیب میکردند .

من این آموزش رو ۲ ساعت در روز تماشا میکردم و اینجوری نبود که مثل خیلیا تو همون زمان دیدن آموزش تمرین هم بکنم و بعد از اینکه اون دو ساعت تموم میشد سعی میکردم پروژهای که توی اموزش دیدم رو خودم پیاده سازی کنم

شروع مسیر با استارت زدن از طریق فرانت !

Source : Github
Source : Github

برد بالا مربوط به طراحی فرانت هست که ازتون میخوام یه چند باری وقت بزارید و کامل نگاه کنید

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

طراحی فرانت وب چیست ؟

طبق گفته سایت frontendmasters طراحی فرانت یا سمت کلاینت مجموعه ای از HTML CSS JS یا WEB Application هست که کاربر توانایی دیدن و تعامل با آن را دارد

پایه برنامه نوسی وب (فرانت / استاتیک) :

HTML

زبان HTML زبان نشان‌گذاری گسترش ‌یافته است که برای افزودن مطالب به وب استفاده میشود. اطلاعاتی که شما در یک وب سایت می‌بینید به دلیل HTML است. شما می‌توانید کدهای HTML رو در یک محیط برنامه‌نویسی مانند VScode , Atom , notepad و ... اجرا کنید

CSS

زبان CSS یک مخفف Cascading Style Sheets است. برای استایل دهی صفحه وب بکار میرود

پایه برنامه نوسی وب (فرانت / داینامیک) :

3 - Javascript

وب سایت پویا چطور ؟ به لطف JS دیگه مشکلی تو داینامیک کردن وب سایت نداریم .

گوگل جاوا اسکریپ رو به عنوان محبوب‌ترین زبان برنامه‌نویسی درحال حاضر نام برد.

طبق گزارش وب سایت hackreactor , جاوا اسکریپ زبان مبتنی بر متن است که در دوطرف کلاینت و سرور مورد استفاده قرار می‌گیرد و اجازه می‌دهد صفحات وب تعاملی شوند. HTML و CSS زبانهایی هستند که ساختار و سبک را به صفحات وب می‌بخشند و جاوا اسکریپ وظیفه تعاملی کردن سایت رو به عهده داره

بزارید یکم مثال واضح تری بزنم تا متوجه بشید یه خونه رو در نظر بگیرید

ساختمان این خونه میشه HTML وظیفه رنگ زنی خونه به عهده Css است ولی مجهز کردن خونه به سیستم هوشمند شامل وظایف Js میباشد

البته تموم اینا تنها شامل مقدمات فرانت وب اند و برای تبدیل شدن به یه متخصص فرانت باید کار با فریم وورک هایی چون React , vue , angular رو یادبگیرید

https://angularjs.org/
https://reactjs.org/
https://vuejs.org/

برنامه نویسی بک اند وب چیست ؟!

Source: Github
Source: Github

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

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

Node.js

این یک ابزار محبوب یک پلتفرم سمت سرور مبتنی بر موتور جاوا اسکریپت گوگل کروم (V8 Engine) می‌باشد. Node.JS تمام چیزهایی که برای اجرای یک برنامه نوشته شده به زبان جاوا اسکریپت را نیاز دارید برایتان فراهم می‌کن
از ویژگی های node.js میتوان به opern-source و cross - platform آن اشاره کرد 

Express

پلتفرم Express.js یا به طور ساده Express یک پلت فرم کاربردی وب برای Node js است که به عنوان نرم افزار آزاد و متن باز تحت مجوز MIT منتشر شده است. این چارچوب برای ساختن برنامه های کاربردی وب و API ها طراحی شده است و یک چارچوب استاندارد سرور برای Node js نامیده می شود. Express یک بخش Backend از MEAN است و همراه با پایگاه داده MongoDB و چارچوب ظاهری Angular فعالیت می کند.

MongoDB (Including Mongoose)

پایگاه دادهMongoDB یک برنامه پایگاه داده متمرکز متقابل پلت فرم رایگان و متن باز است که در دسته پایگاه داده های NoSQL قرار دارد و از اسناد JSONمانند schemata استفاده می کند. MongoDB توسط MongoDB Inc توسعه یافته است و تحت مجوز ترکیبی از گواهینامه GNU Affero General Public  و مجوز آپاچی منتشر شده است. این پایگاه داده در زبان های ++C و C و JavaScript نوشته شده است.

برای طراحی وب سایت شما نیاز به دیتابیس دارید که شامل دو گروه SQL و NOSQL میشوند و از مقاله زیر میتونید تفاوت این دو نوع رو مطالعه کنید

https://blog.faradars.org/understanding-sql-and-nosql-databases-and-different-database-models/


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


منبع و ترجمه :

https://medium.com/code-blog/getting-started-and-earning-105-813-yr-as-a-web-developer-for-beginners-19b2cd26fcc2