Web Development
To become a web developer, start with the subjects below,in the following order:
Front-end:-
HTML(Hyper Text Markup Language)
HTML is the standard markup language for creating Web pages.
The Following Topics you need to learn(In Practical manner)
- HTML Editors
- HTML Basic
- HTML Elements
- HTML Attributes
- HTML Headings
- HTML Paragraphs
- HTML Styles
- HTML Formatting
- HTML Quotations
- HTML Comments
- HTML Colors
- HTML CSS
- HTML Links
- HTML Images
- HTML Favicon
- HTML Tables
- HTML Lists
- HTML Block & Inline
- HTML Classes
- HTML Id
- HTML Iframes
- HTML JavaScript
- HTML File Paths
- HTML Head
- HTML Layout
- HTML Responsive
- HTML Computercode
- HTML Semantics
- HTML Symbols
- HTML Charset
- HTML Forms
- HTML Media
- HTML APIs
CSS (Cascading Style Sheet)
CSS is the language we use to style an HTML document.
The Following Topics you need to learn(In Practical manner)
- CSS Introduction
- CSS Syntax
- CSS Selectors
- CSS How to
- CSS Comments
- CSS Colors
- CSS Backgrounds
- CSS Borders
- CSS Margins
- CSS Padding
- CSS Height/Width
- CSS Box Model
- CSS Outline
- CSS Text
- CSS Fonts
- CSS Icons
- CSS Links
- CSS Lists
- CSS Tables
- CSS Display
- CSS Max-width
- CSS Position
- CSS Z-index
- CSS Overflow
- CSS Float
- CSS Inline-block
- CSS Align
- CSS Combinators
- CSS Pseudo-element
- CSS Opacity
- CSS Navigation Bar
- CSS Dropdowns
- CSS Image Gallery
- CSS Image Sprites
- CSS Attr Selectors
- CSS Forms
- CSS Counters
- CSS Units
JavaScript
JavaScript is the programming language of the Web.
The Following Topics you need to learn(In Practical manner)
- JS Introduction
- JS Where to
- JS Output
- JS Statements
- JS Syntax
- JS Comments
- JS Variables
- JS Let
- JS Const
- JS Operators
- JS Arithmetic
- JS Assignment
- JS Data Types
- JS Functions
- JS Objects
- JS Events
- JS Strings
- JS String Methods
- JS String Search
- JS String Templates
- JS Numbers
- JS Numbers Methods
- JS Arrays
- JS Array Methods
- JS Array Sort
- JS Array Iteration
- JS Array Const
- JS Date
- JS Date Formats
- JS Date Get Methods
- JS Date Set Methods
- JS Math
- JS Random
- JS Booleans
- JS Comparisons
- JS If Else
- JS Switch
- JS Loop For
- JS Loop For In
- JS Loop For Of
- JS Loop While
- JS Break
- JS Iterables
- JS Sets
- JS Maps
- JS Typeof
- JS Type Conversion
- JS Errors
- JS this Keyword
- JS Strict Mode
- JS Arrow Function
- JS Classes
- JS Modules
- JS Reserved Words
-
Learn JQuery
jQuery is a JavaScript Library.
- Learn React
React is a JavaScript library for building user interfaces. It is used to build single-page Applications. It allows us to create reusable UI components.
- Learn AngularJS
AngularJS extends HTML with new attributes. It is Perfect for Single Page Applications (SPAs).
- Learn JSON (JavaScript Object Notation
It is a text format for storing and transporting data. it is "self-describing and easy to understand.
- Learn AJAX (Asynchronous JavaScript And XML)
- A Broswer built-in
XMLHttpRequestobject (to request data from a Web Server) - JavaScript and HTML DOM (Document Object Model) to display or use the data
- AJAX Intro
- AJAX XMLHttp
- AJAX Request
- AJAX Response
- AJAX XML File
- AJAX PHP
- AJAX ASP
- AJAX Database
- AJAX Applications
AJAX is not a programming language. It just uses a combination of:
AJAX is a misleading name. AJAX applications might use XML to transport data, but it is equally common to transport data as plain text or JSON text.
AJAX allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes. This means that it is possible to update parts of a web page, without reloading the whole page.
Others Topics
- Learn Responsive Web Design
- Learn Bootstrap
- Learn Colors
- Learn Icons
- Learn Graphics
- Learn SVG (Scalable Vector Graphics)
- Learn Canvas
- Learn Sass
- Learn GitHub
- Learn GIT
Git is a version control system. It helps you keep track of code changes. It is used to collaborate on code.
What is Responsive Web Design?
Responsive Web Design makes your webpage looks good on all devices.
Responsive Web Design Uses only HTML and CSS.
Responsive Web Design is not a program or a JavaScript.
Bootstrap is the world's most famous free CSS framework.
Colors are displayed combining RED, GREEN, and BLUE light.
Sass is a CSS pre-processor. It reduces repetition of CSS and therefore saves time.
GitHub is a code hosting platform for collaboration and version control. GitHub lets you (and others) work together on projects.
Back-end:-
Programming
- Learn Python
- Learn Java
- Learn C
- Learn C++
- Learn C#
- Learn R
- Learn Kotlin
- Learn Go
- Learn Django
Django is a back-end server side web framework. Django is free, open source and written in Python. Django makes it easier to build web pages using Python.
- Learn TypeScript
TypeScript is JavaScript with added syntax for types. TypeScript is a syntactic superset of JavaScript which adds static typing. This basically means that TypeScript adds syntax on top of JavaScript, allowing developers to add types.
TypeScript being a "Syntactic Superset" means that it shares the same base syntax as JavaScript, but adds something to it.
Python is a popular programming language. It can be used on a server to create web applications.
Java is a popular programming language. It is used to develop mobile apps, web apps, desktop apps, games and much more.
C is a general-purpose programming language, developed in 1972, and still quite popular. C is very powerful; it has been used to develop operating systems, databases, applications, etc.
C++ is a popular programming language. C++ is used to create computer programs, and is one of the most used language in game development.
C# (C-Sharp) is a programming language developed by Microsoft that runs on the .NET Framework. C# is used to develop web apps, desktop apps, mobile apps, games and much more.
R is a programming language. R is often used for statistical computing and graphical presentation to analyze and visualize data.
Kotlin is a modern, trending programming language. Kotlin is easy to learn, especially if you already know Java (it is 100% compatible with Java). Kotlin is used to develop Android apps, server side apps, and much more.
GO is a popular programming language. Go is used to create computer programs.
Server Side
- Learn SQL
SQL is a standard language for storing, manipulating and retrieving data in databases. Our SQL tutorial will teach you how to use SQL in: MySQL, SQL Server, MS Access, Oracle, Sybase, Informix, Postgres, and other database systems.
- Learn MySQL
MySQL is a widely used relational database management system (RDBMS). MySQL is free and open-source. MySQL is ideal for both small and large applications.
- Learn PHP
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web pages. PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.
- Learn ASP
- Learn Node.js
Node.js is an open source server environment
- Node.js is free
- Node.js on various platforms (Windows, Linux, Unix, Mac OS X,
- Node.js uses JavaScript on the server.
- Node.js uses asynchronous programming!
A common task for a web server can be to open a file on the server and return the content to the client.
how ASP and PHP handle a file request:
- Sends the task to the computer's file system.
- Waits while the file system opens and reads the file.
- Returns the content to the client.
- Ready to handle the next request.
- Sends the task to the computer's file system.
- Ready to handle the next request.
- When the file system has opened and read the file, the server returns the content to the client.
- Node.js can generate dynamic page content.
- Node.js can create, open, read, write, delete, and close files on the server.
- Node.js can collect form data.
- Node.js can add, delete, modify data in your database.
ASP stands for Active Server Pages ASP is a development framework for building web pages.
how Node.js handles a file request:
Node.js eliminates the waiting, and simply continues with the next request.