Web Development Roadmaps -वेब विकास रोडमैप

Front-End Development Roadmap

"वेबसाइट का वह हिस्सा जिससे उपयोगकर्ता सीधे इंटरैक्ट करता है, फ्रंट एंड कहलाता है। इसे एप्लिकेशन के 'क्लाइंट साइड' के रूप में भी जाना जाता है।"

STEP-01

Learn The Basic Knowledges

• प्रत्येक वेब डेवलपर को HTML, CSS और JavaScript की बुनियादी समझ होनी चाहिए।

• रेस्पॉन्सिव वेब डिज़ाइन का उपयोग सभी प्रकार के आधुनिक वेब विकास में किया जाता है।

• ECMAScript5 ( जावास्क्रिप्ट 5 ) सभी आधुनिक ब्राउज़रों में समर्थित है। इसे अच्छी तरह से देखें, विशेष रूप से नई ऐरे फ़ंक्शन (Array Function)।

#01. HTML

HTML का मतलब हाइपरटेक्स्ट मार्कअप लैंग्वेज (Hyper Text Markup Language) है। इसका उपयोग मार्कअप भाषा का उपयोग करके वेब पेजों के सामने के हिस्से को डिजाइन करने के लिए किया जाता है। यह एक वेबसाइट के लिए एक कंकाल (Skeleton) के रूप में कार्य करता है, क्योंकि इसका उपयोग वेबसाइट की संरचना (structure) बनाने के लिए किया जाता है।

• HTML

• HTTP / XHR

#02. CSS

कैस्केडिंग स्टाइल शीट्स (Cascading Style Sheets) जिसे सप्रेम से सीएसएस (CSS) के रूप में जाना जाता है, एक सरल रूप से डिज़ाइन की गई भाषा है जिसका उद्देश्य वेब पेजों को आकर्षक (Presentable) करने योग्य बनाने की प्रक्रिया को सरल बनाना है। इसका उपयोग हमारी वेबसाइट को स्टाइल करने के लिए किया जाता है।

• CSS

• CSS Responsive

#03. JavaScript

जावास्क्रिप्ट एक स्क्रिप्टिंग भाषा (Scripting Language) है, जिसका उपयोग हमारी वेबसाइट को गतिशील व्यवहार (Dynamic Behavior) प्रदान करने के लिए किया जाता है।

• JavaScript

• ECMAScript5

#04. Bootstrap

बूटस्ट्रैप उत्तरदायी वेबसाइट (Responsive Website) और वेब एप्लिकेशन बनाने के लिए एक स्वतंत्र और ओपन-सोर्स टूल संग्रह है। यह रिस्पॉन्सिव, मोबाइल-प्रथम वेबसाइटों को विकसित करने के लिए सबसे लोकप्रिय CSS फ्रेमवर्क है। आजकल, वेबसाइटें सभी ब्राउज़रों (IE, Firefox, और Chrome) और सभी आकार की स्क्रीन ( डेस्कटॉप, टैबलेट, फैबलेट और फोन ) के लिए बिल्कुल सही हैं।

• Bootstrap 4

• Bootstrap 5

STEP - 02 Learn The Dig Deeper

• जब आप HTML और CSS के साथ सहज महसूस करते हैं, तो यह गहराई से खुदाई (Dig Deeper.) करने मतलब की और अधिक सिखने, समझने का समय है।

• आपको HTML में Maps, Fonts और Icons का उपयोग करना सीखना चाहिए।

• जावास्क्रिप्ट साइड पर, आपको सीखना चाहिए कि HTML DOM को कैसे एक्सेस किया जाए।

• आपको यह भी सीखना चाहिए कि सर्वर अनुरोध करने के लिए AJAX और JSON का उपयोग कैसे करें।

#01. HTML

• HTML DOM

• Google Maps

• Google Fonts

• Google Charts

#02. CSS

• CSS Icons

#03. JavaScript

• XML

• JSON

• AJAX

STEP - 03 Choose Frameworks & Libraries

• अब आप के लिए कुछ फ्रेमवर्क को देखने का समय आ गया है।

• CSS की तरह आपको रिस्पॉन्सिव वेब डिज़ाइन के लिए एक फ्रेमवर्क चुनना चाहिए; Bootstrap / Material Design / W3.CSS

• जावास्क्रिप्ट साइड पर आपको कम से कम एक आधुनिक फ्रेमवर्क सीखना चाहिए: React.js / Angular.js / Vue.js / W3.JS

• हो सकता है कि jQuery की लोकप्रियता शीर्ष पर पहुंच गई हो, लेकिन यह अभी भी सबसे अधिक इस्तेमाल किया जाने वाला जावास्क्रिप्ट फ्रेमवर्क है।

#02. CSS

• Bootstrap

• W3.CSS

• Tailwind CSS

#02. JavaScript

• AngularJS

• React.js

• VueJS

• jQuery

• Material UI

• jQuery UI

#03. XML

• XSLT

• XPath

• XQuery

कुछ अन्य लाइब्रेरीज और फ्रेमवर्क हैं; Handlebar.js Backbone.js, Ember.js आदि।

Back-End Development Roadmap

"बैकएंड एक वेबसाइट का सर्वर साइड है। यह वेबसाइट का वह हिस्सा है जिसे उपयोगकर्ता देख और बातचीत नहीं कर सकते। यह सॉफ्टवेयर का वह हिस्सा है जो यूजर्स के सीधे संपर्क में नहीं आता है। इसका उपयोग डेटा को स्टोर और व्यवस्थित करने के लिए किया जाता है।"

STEP - 04 Back-End Roadmaps

#01. Fullstack

• SQL

• PHP

• ASP

• Python

#02. Fullstack JS

• SQL

• Node.js

• MySQL

• Mongo.db

PHP - PHP एक सर्वर-साइड स्क्रिप्टिंग भाषा है जिसे विशेष रूप से वेब विकास के लिए डिज़ाइन किया गया है।

JAVA - जावा सबसे लोकप्रिय और व्यापक रूप से उपयोग की जाने वाली प्रोग्रामिंग भाषा में से एक है। यह अत्यधिक स्केलेबल है।

Python - पायथन एक प्रोग्रामिंग भाषा है जो आपको तेजी से काम करने और सिस्टम को अधिक कुशलता से एकीकृत करने देती है।

Node.js - Node.js एक ब्राउज़र के बाहर जावास्क्रिप्ट कोड को क्रियान्वित करने के लिए एक खुला स्रोत और क्रॉस-प्लेटफ़ॉर्म रनटाइम वातावरण है।

Backend Frameworks: बैक एंड फ्रेमवर्क की सूची इस प्रकार है: Express, Django, Rails, Laravel, Spring, etc.

Next Topic