https://virgool.io/feed/@m_82453505 fa 2026-06-07 09:56:16 https://static.virgool.io/images/default-avatar.jpg https://virgool.io/@m_82453505 https://virgool.io/coderlife/%D8%B5%D9%81%D8%B1-%D8%AA%D8%A7-%DB%B1%DB%B0%DB%B0-%D8%AA%D8%A7-%D9%85%D8%B3%DB%8C%D8%B1-%D9%88-%DA%A9%D8%B3%D8%A8-%D8%AF%D8%B1%D8%A2%D9%85%D8%AF-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88%D8%A8-fullstack-roadmap-rdbpzg1siz85 در قراره بهتون کمک کنم تا بتونید در کوتاه ترین زمان ممکن به یک برنامه نویس وب تبدیل بشید . ازتون میخوام که ده دقیقه وقت بزارید و این مقاله رو مطالعه کنید مطمئن باشید که پشیمون نمشید خب دیگه گزاف گویی کافیه و بریم سر اصل مطلبچطوری اصلا برنامه نویسی وب رو شروع کنم ؟!سالهای اول دانشگاه رشته مهندسی برق بودم که زیاد از کد نویسی اون موقع خوشم نمیومد تا اینکه یروز یکی از دوستان یه دوره از سایت Udemy بهم معرفی کرد حتی با وجود اینکه اون میدونست من از HTML & CSS هیچی چیزی سرم نمیشه . https://www.udemy.com/course/the-complete-web-development-bootcamp/ اینکه شما از این استفاده کنید یا نه انتخاب شماست . این فقط بخشی از شروع این مسیر پر پیچ و خم بندست که شمارو تو جریان گذاشتم مدرس این دوره خانم " آنجلا یو " هستند که همیشه منو به ادامه مسیر ترغیب میکردند .من این آموزش رو ۲ ساعت در روز تماشا میکردم و اینجوری نبود که مثل خیلیا تو همون زمان دیدن آموزش تمرین هم بکنم و بعد از اینکه اون دو ساعت تموم میشد سعی میکردم پروژهای که توی اموزش دیدم رو خودم پیاده سازی کنمشروع مسیر با استارت زدن از طریق فرانت !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برنامه نویسی بک اند وب نیز به عنوان برنامه نویسی سمت سرور شناخته می‌شود. این عمل ارتباط بین پایگاه‌داده و مرورگر است.مسیر حرکت من برای یاد گیری بک اند سایت شامل سه مورد پایین میباشد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 ِدانیال عابدینی ِدانیال عابدینی Sat, 10 Apr 2021 20:33:13 +0430