Web Programming Language
जब भी हमे कोई भी Project या Application बनाना हो तब सबसे पहले हमे Programming Language का चयन करना होता हैं, जब भी हम किसी भी लैंग्वेज का चुनाव करते हैं तो हमे बहुत से Keyword सुनने मे आते हैं, इस आर्टिकलें मे हम एक-एक कर सभी keywords के बारे मे समझेंगे जिससे हमे Language का चुनाव करने और भविष्य मे हम किस Language को सिख कर आगे कार्य करना चाहते हैं , उनके चुनाव मे बहुत आसानी होगी ।
यह एक चार्ट हैं जिसमे Programing से संबंधित सभी टर्म्स को समझाया गया हैं । साथ मे यह भी बताने की कोशिश की गई हैं की किस Language पर हमे किन Framework आदि का उपयोग करना होता हैं ।
| PLATFORM | CLIENT SIDE | SERVER SIDE | ||||||||||
| FRONT END | BACK END | STORAGE | ||||||||||
| BASE | UI | EVENT SCRIPTING | ||||||||||
| LG. | EDITOR | LG. | FRAMEWORK | LANG. | F.W. | LANG. | FRAMEWORK | LANG. | DATABASE | |||
| BROWSER | WEB | HTML | Notepad | CSS | (None) | Java Script | (None) | PHP | Core PHP | Without Storage | ||
| Laravel | ||||||||||||
| Notepad++ | Bootstrap | jQuery | Code Igniter | SQL | MySQL | |||||||
| Express | SQL Server | |||||||||||
| DESKTOP | VS Code | React JS | Type Script | Node JS | Oracle | |||||||
| Tailwind CSS | GO Lang | Postgre SQL | ||||||||||
| NetBeans | VUE | Java | Spring | SQLite | ||||||||
| Foundation | Python | Django | NO SQL | Firebase | ||||||||
| Sublime | Type Script | Angular JS | MongoDB | |||||||||
| MOBILE | Bulma | Ruby | Rails | OrientDB | ||||||||
| C# | ASP.NET | File System | ||||||||||
| Skeleton | J# | |||||||||||
| More.. | VB.NET | |||||||||||
Summary
- Languages
- Client Side Scripting Language
- Server Side Scripting Language
- Framework
- Platform
- Platform Dependent
- Platform Independent
- Types of Application
- Web Application
- Desktop Application
- Mobile Application
- Client Side
- Front end
- Base UI (HTML)
- UI (User Interface) CSS
- Event Scripting
- Front end
- Server Side
- Back End
- Storage
- Database
- File System
- Editor
- Mother Language
What is Computer Programming Language ?
Computer Machine Language समझता हैं यदि हम Computer से कोई भी कार्य करवाना चाहते हैं तो हमे Instruction देने के लिए एक Specific Rules Follow करना होते हैं , इन Specific Rules को ही Programming Languges कहा जाता हैं । इन Programing भाषा का उपयोग कर हम Coding लिखते हैं ।
HTML (Hypertext Markup Language) हैं जो की Client Side पर कार्य करती हैं उसी प्रकार JavaScript / Typescript भी Languages हैं जो की Client side पर event को Handle करती है उसी प्रकार PHP/Python/GoLang आदि Server Side Scripting Language हैं जो की Server पर Execute होती हैं ।
What is Framework ?
Framework एक तरह से Set of Rules हैं जो की आपको कम से कम Coding करने मे मदद करता हैं, हम यह कह सकते हैं की इसमे लगभग सभी कार्य के पहले से Function बने होते है इनका उपयोग करने से हमे बड़े बड़े Code नहीं लिखना होते हैं । केवल आपको इनके Function / Class या जो भी Rules हैं उनको सीखना होता हैं , यदि आपको Rules के बारे मे idea हैं तो आप कम समय मे कम Code मे एक अच्छी application बना सकते हैं ।
Bootstrap, jQuery आदि सभी Framework हैं , इनकी List Language अनुसार नीचे दी गई हैं ।
What is PLATFORM ?
जिस भी Platform पर हम Application को बना रहे ओर Execute कर रहे हैं उसे Platform कहा जाता हैं। हम जो भी Application बनाते हैं वह मुख्यतः दो प्रकार की होती हैं ।
Platform Dependent
Platform Dependent का मतलब होता हैं की जिस Platform पर बनाया हैं उसके अनुसार ही Execute होगा उदाहरण के लिए आपने कोई Desktop App Visual Basic या Power Builder आदि से बनाई तो वह Window Desktop पर ही Execute होगी, यदि आप उसे Linux आदि पर चलाना चाहते हैं तो चल नहीं पाएंगे । यदि आप उस Application को Server पर host करना चाहे तो आपको उसके लिए Windows Server ही लेना होगा, इस प्रकार की Application को Platform Dependent Application कहा जाता हैं ।
Platform Independent
Platform Independent का मतलब होता हैं की इस प्रकार की Application किसी Windows / Linux । Mobile आदि कही पर भी चला सकते हैं, जैसे की आपने कोई HTML से संबंधित कोई Application बनाई हैं यह Browser पर Run होती हैं और browser किसी भी Operating System पर कार्य करता हैं इसलिए यदि आप Browser based कोई भी application बनाते हैं तो उसे Platform Independent Application कहा जाता हैं ।
Types of Application
Web Application
जिन Application को हम किसी भी Global Server पर Host कर उन्हे domain name से link कर Execute करते हैं उन्हे Web Application कहा जाता हैं, Server पर Host होने के कारण हम इन्हे कही पर भी Access कर सकते हैं । साथ मे यदि हम इन्हे Platform Independent बनाने की कोशिश करे तो हम Computer के साथ साथ इन्हे Mobile पर भी Access कर सकते हैं ।
Desktop Application
हम यहा पर आपको HTML से बनने वाली Application के बारे मे बता रहे हैं। यदि आप HTML का उपयोग कर Application को Localhost यानि की केवल अपने Computer पर ही चलाना चाहते हैं तो आप आसानी से Browser मे HTML को Execute कर सकते हैं । हा यदि आप PHP पर कोई Application बना रहे हैं तो आपको WAMP, XAMP आदि Software Install करना होंगे ।
Mobile Application
Mobile Application Development मे भी बहुत से Option और Tools हैं लेकिन यदि आप चाहते हैं की HTML और PHP से संबंधित App को आप Mobile पर चलाना चाहे तब आप PHP Based application बना कर उसे Server पर Host करे और Server के लिंक को Android Native App का उपयोग कर एक Browser Based Application जीसे की हम WebView कहते हैं बनाए , और उस पर Server के लिंक को Set कर Web App को Android Mobile पर एक Native App बना कर Execute कर सकते हैं । यह एक बहुत ही बड़िया option हैं , जिसकी मदद से आप बहुत ही जल्दी कोई भी Web Link Mobile Application बना सकते हैं ।
हमारे अन्य आर्टिकल
- MySQL Function
- MySQL Stored Procedure
- PHP Get /Post Method के बारे में जाने
- PHP Math Function के बारे में जाने
- C से C ++ सीखे सरल शब्दों में
- PHP Variable के बारे में जाने
- Arduino Control Structure
- Union in C
- Declaration of Pointer in C
- jQuery Search Filter
- MySQL Create Table | Alter Table | Drop Table
- API Using NODE REACT EXPRESS MYSQL SEQUELIZE (For Backend OR Server Side)
- CPANEL In Hindi
Client Side
जो भी View हमे Client Side यानि की Browser पर दिखाई देता हैं उसे Client Side कहते हैं, इसे समझने के लिए जैसे की आपने कोई Application Server पर Host की हैं और उसे एक से अधिक User अपने-अपने Browser पर Execute कर रहे हैं या चला रहे हैं , अब आपने application तो एक बनाई हैं और चलाने वाले User अधिक हैं और वे सभी अलग अलग Option चला रहे हैं, यह इसलिए संभव हो पाता हैं क्युकी सभी के Browser अलग-अलग होते हैं और उन पर User के अनुसार Page Load होते हैं । User को ही Client कहा जाता हैं और Client की Machine / Computer पर चलने वाली Script और Language को Client Side View / Application / Scripting आदि कहा जाता हैं ।
Front End
Front End का मतलब होता हैं की आपको जो सामने दिखाई दे रहा हैं , जब भी आप कोई Application बनाते हैं तो आपको जो हिस्सा User को दिखाई देता है उसे Front end कहा जाता हैं । User Interaction Front end पर ही होता हैं और User से Input ले कर उसे Process कर पुनः User को Front end के माध्यम से ही Output दिखाया जाता हैं ।
- Base UI (HTML)
- UI (User Interface)
- Event Scripting
Base UI (HTML)
जब भी आपको कोई भी Web Application बनाना हो तो आपको HTML का उपयोग करना ही होगा, इसे Base इसलिए कहा गया हैं की इस Language के बिना आप Browser पर कोई भी Element नहीं दिखा सकते हैं, आप UI के लिए Script लिखे या न लिखे, आप अन्य कोई Script जैसे JavaScript लिखे या न लिखे परंतु आपको HTML लिखना ही होगी, इसलिए इसे Base कहा गया हैं । आप Application बनाने के के लिए PHP, Java, golang, python किसी का भी उपयोग कर सकते हैं , लेकिन यूजर से Input लेने ओर Output दिखाने के लिए अपको HTML का उपयोग करना ही होगा । इसलिए Web Development के लिए HTML सीखना बहुत ही जरूरी हैं ।
HTML सीखने के लिए यहाँ Click करे ।
| Language | Developed Year | Developed by |
| HTML (Hyper Text Markup Language) | 1980 | Tim Berners-Lee (WHATWG) |
UI (User Interface) CSS
HTML के Language की मदद से लिखे गए Element हमे User से Interact करते हैं , और वे बेहद जरूरी भी हैं, लेकिन उनका Look सुंदर नहीं होता हैं । उसे और भी अधिक सुंदर बनाने के लिए हमे CSS का उपयोग करना होता हैं , CSS यानि Cascaded Style Sheet होता है , इसलिए लिए हमे Browser मे अलग से किसी भी प्रकार की कोई Installation की जरूरत नहीं होती हैं । CSS का उपयोग करने से आप HTML द्वारा बनाए गए Page को बहुत ही सुंदर बना सकते हैं । आपका Page जितना सुंदर और सरल होगा उतने ही व्यक्ति / User विज़िट करेंगे ।
| Language | Developed Year | Developed by |
| CSS (Cascading Style Sheets ) | 1996 | World Wide Web Consortium (W3C) |
List Of CSS Framework
Coding को आसान और Fast करने के Framework का उपयोग करते हैं, यहाँ पर कुछ Framework के बारे मे बताया गया हैं जिनकी मदद से आप बहुत ही कम Coding मे एक बड़िया UI Design कर सकते हैं ।
| Framework | Developed Year | Developed by | Written In |
| Bootstrap | 2011 | Mark Otto, Jacob Thornton (Bootstrap Core Team) | HTML, CSS, Less (v3), Sass (v4) and JavaScript |
| Bulma | 2016 | Jeremy Thomas | |
| Tailwind CSS | 2017 | Adam Wathan | |
| Foundation | 2019 | ZURB | HTML, CSS, Sass and JavaScript |
Bootstrap सीखने के लिए यहाँ पर क्लिक करे ।
Event Scripting
Page Load होने के बाद जब भी आप किसी Button पर Click करे या अपने Mouse से कही पर Click किया या Mouse को Drag किया आदि इस तरह के Operation को Event Scripting के द्वारा Handle किया जाता हैं । मुख्य रूप से Event को हैन्डल करने के लिए JavaScript का उपयोग किया जाता हैं , इसके लिए भी आपको अलग से किसी प्रकार की कोई Installation की जरूरत नहीं होती हैं । JavaScript के अलावा आप Type Script मे भी Script लिख सकते हैं ।
| Language | Framework | Developed Year | Developed by | Written In |
| Javascript | 1995 | Brendan Eich of Netscape | ECMAScript, C, C++ | |
| jQuery | 2006 | John Resig | JavaScript | |
| React JS | 2013 | Jordan Walke | JavaScript | |
| VUE | 2014 | Evan You | TypeScript | |
| TypeScript | 2012 | Microsoft | TypeScript | |
| Angular JS | 2010 | JavaScript |
jQuery सीखने के लिए यहाँ Click करे ।
Server Side
जब भी हम कोई भी Web Application बनाते हैं तो उसे Server पर Host करते हैं, और Hosting करने के बाद जो भी Domain हमें प्राप्त होता है उसे Client को देते हैं ओर Client अपने Computer पर Browser की मदद से Application को Execute करता हैं , Client के Side पर केवल HTML और JavaScript ही Load होती हैं, जब भी कोई भी Event करता है या कोई Form Submit करता हैं तब Client Side से एक Request Server को भेजी जाती हैं जो भी एक Link के Format मे ही होती हैं , और Server पर Execute हो कर वह पुनः Client Side पर Output देती हैं, जो भी Script Server पर Execute होती हैं उसे Server Side Scripting (Programming Language) कहा जाता हैं ।
Back End Language (Server Side Scripting Language)
Back End से तात्पर्य हैं की जो पीछे की साइड हैं जो User को दिखाई नहीं देता लेकिन Application को Execute करने मे उसका बहुत योगदान होता हैं । Server Side पर Execute होने वाली सभी Language Backend Category मे ही आती हैं ।
Storage
- Database
- File System
Back End Language
Server पर जो भी Programming Language Execute होती हैं उन्हे Backend Language कहा जाता हैं । यहाँ पर कुछ Language के बारे मे बताया जा रहा हैं ।
| Language | Developed Year | Developed by | Written In |
| PHP | 1995 | Rasmus Lerdorf (Zend Technologies) | C, C++ |
| TypeScript | 2012 | Microsoft | TypeScript |
| Java | 1995 | James Gosling Sun Microsystem (Oracle Corporation) | C, C++, Java (Now) |
| Python | 1991 | Guido van Rossum (Python Software Foundation) | C, CPython |
| Ruby | 1995 | Yukihiro Matsumoto |
Back end Programming Language Framework List
यहाँ पर हमने कुछ Backend Language Framework की लिस्ट दी हैं , इस टेबल मे यह भी बताया गया हैं की कौन-सा Framework किस Language मे लिखा गया हैं ।
| Language | Framework | Developed Year | Developed by | Written In |
| PHP | CodeIgniter | 2006 | EllisLab (British Columbia Institute of Technology ) | PHP |
| PHP | Laravel | 2011 | Taylor Otwell | PHP |
| TypeScript | NODE JS | 2009 | Ryan Dahl (OpenJS Foundation) | C, C++, JavaScript |
| Java | Spring | 2002 | Pivotal Software | Java |
| Python | Django | 2005 | Adrian Holovaty, Simon Willison (Django Software Foundation) | Python |
| Ruby | Ruby on Rails | 2004 | David Heinemeier Hansson | Ruby |
उपरोक्त के अलावा भी बहुत से Languages हैं, हमने यहाँ पर कुछ को ही दिखाया गया हैं , ASP.NET एक ऐसा Framework हैं जिसमे आप C# (C Sharp), VB Dot Net, J# (J Sharp) आदि Language मे Programming कर सकते हैं ।
Microsoft Common Framework for Multiple Programming Language
| Framework | Language | Developed Year | Developed by | Written In |
| ASP.NET | 2002 | Microsoft | .NET | |
| C# (C Sharp) | 2000 | Anders Hejlsberg (Microsoft) | C, C++ | |
| VB Dot Net | 2001 | Microsoft | .NET | |
| J# (J Sharp) | 2002 | Microsoft | .NET |
Storage
जो भी हम Data Store करते हैं वह Server पर ही होता हैं चाहे वह किसी भी Form मे हो , यानि की चाहे वह किसी Database मे Store किया हो या फिर उसे File System का उपयोग कर Web Location पर Store किया हो । यहाँ पर Storage से मतलब यह हैं की आपने एक बार जो भी जानकारी किसी Form मे fill की हैं वह जब अगली बार आप उसी Form को open करे तो वह अपको पुनः दिखाई देने लगे ।
- Database
- File System
Database
Database मे हम जो भी User से Input लेते हैं यदि उसे Store कर रखना होता हैं तो उसे एक Specific Format मे Store कर पाते हैं, Database हमारे द्वारा Store किए गए Data को सुरक्षित रखता हैं और साथ मे Security Provide करता हैं ताकि अन्य कोई User बिना हमारी Permission की data Access न कर सके, साथ मे Store किए Data को Read करने, Query करने यानि की Search करने ओर साथ मे उन पर कोई Calculation Perform करने मे मदद करता हैं ।
- SQL
- NOSQL
SQL (Structured Query Language)
SQL एक ऐसी Language हैं जो की Data को Store करने, Data को Retrieve करने, और Data से संबंधित किसी भी प्रकार की Query करने मे हमे बहुत ही मदद करती हैं, इसमे Table के Format मे Data Store किया जाता हैं । यदि आपको SQL Language आती हैं तो आप किसी भी database पर आसानी से कार्य कर सकते हैं, कुछ-कुछ function अलग-अलग Database मे अलग अलग हो सकते हैं, कहीं कहीं पर थोड़ा बहुत Syntax मे भी Change आता हैं । परंतु SQL सीखने के बाद आप बहुत ही आसानी से लगभग सभी Database पर कार्य कर सकते हैं ।
| Language | Database | Developed Year | Developed by | Written In |
| SQL | 1974 | Donald D. Chamberlin, Raymond F. Boyce (ISO/IEC) | ||
| Oracle | 1977 | Larry Ellison, Bob Miner, Ed Oates (Oracle) | Forton, C | |
| SQL Server | 1989 | Microsoft | C, C++ | |
| MySQL | 1995 | MySQL AB (Oracle) | C, C++ | |
| Postgre SQL | 1996 | PostgreSQL Global Development Group | C | |
| SQLite | 2000 | D. Richard Hipp | C |
MySQL Database के माध्यम से SQL सीखने के लिए यहाँ क्लिक करे ।
No SQL
यह भी Data Store करने के लिए उपयोग मे लाई जाने वाली Language हैं , इसमे Data को JSON के Format मे Store किया जाता हैं , यानि की data Row Column मे Store न हो कर एक Column मे एक से अधिक Node बना कर भी आप Data को Store कर सकते हैं । इनमे भी SQL की तरह Syntax हैं जिनके माध्यम से आप Data को Read कर सकते है ।
| Database | Developed Year | Developed by | Written In |
| MongoDB | 2009 | MongoDB Inc. | C++, JavaScript, Python |
| OrientDB | 2010 | OrientDB Ltd | Java |
| Firebase | 2012 | Many |
File System
Data को Store करने के लिए हम File का भी ऊपयोग करते हैं , इसमे हम Directory और File बना कर Data रखते हैं , File को Read / Write आदि कर सकते हैं साथ मे हम Upload और Download भी कर सकते हैं , अलग-अलग Programming language के अनुसार हम File System को Handle कर सकते हैं ।
- PHP File System के बारे मे जानने के लिए यहाँ Click करे ।
- PHP File Upload के बारे मे जानने के लिए यहाँ क्लिक करे ।
जब भी हम किसी भी Project मे Image या कोई Document Upload करते हैं तो वह File System Methods से ही Upload / Download आदि किया जाता हैं ।
Editor
Coding करने के लिए यानि की Code लिखने के लिए हमे किसी न किसी Application Software का उपयोग करना होता हैं i और इन्ही Application Software को Editor कहा जाता हैं , Editor आपको Coding लिखने मे Help करते हैं ताकि आप Fast Coding कर सके। Notepad बिल्कुल एक Basic Editor हैं जिसमे केवल आप Code लिख सकते हैं Edit कर सकते हैं और Save कर सकते है, कुछ Editor मे लिखे गए Syntax अलग अलग Colour मे दिखाई देते हैं, साथ मे कुछ Editor मे जैसे ही आप कोई Key Press करते हैं तो उससे संबंधित keywords लिस्ट मे दिखाई देने लगते हैं , ऐसा करने से आप बहुत ही कम Word / character type कर इन सुविधाओ का उपयोग कर अपना समय बचा सकते हैं ।
| Editor Name | Developed Year | Developed by | Written In |
| Notepad | 1983 | Richard Brodie (Microsoft) | |
| NetBeans | 1996 | Roman Staněk (Apache Software, Oracle) | Java |
| Notepad ++ | 2003 | Don Ho | C++ |
| Sublime | 2008 | Jon Skinner (Sublime HQ) | C++, Python |
| VS Code | 2015 | MIcrosoft | TypeScript, JavaScript, HTML, and CSS |
जाने Notepad के सभी Option के बारे मे ।
Mother Language
हमने इस Article मे यह बताया हैं की Framework और Language किस Programming Language मे लिखी हैं, आप यदि बहुत ही ध्यान से Read करेंगे तो पाएंगे की C++ Language ही इन सबकी Source Language हैं , और C++ , C का Next Version हैं, यानि की प्रत्येक Language की Direct ओर Indirect जननी C Language ही हैं इसीलिए C को Mother Language कहा जाता हैं ।
C Language सीखने के लिए यहाँ पर क्लिक करे ।
Summary
इस Article का लिखने का मुख्य उद्देश्य यह हैं की आपको यह जानकारी हो सके की किस तरह से हमारे Program का Flow होता हैं और हम किस तरह से कोई Web Application बनाने के लिए Language का चयन कर सकते हैं ।
आपको यह Programming Language Article कैसा लगा हमे जरूर बताए । कीमती समय देने के लिए धन्यवाद ।
