Web Technology

• Getting Started
• HTML
• CSS
• JavaScript
• BootStrap

• React JS
• PHP
• WordPress
• Misc

Getting started :

1. Begin Web Development with a Head Start
2. Why do you need a Responsive Website
3. Top 10 Frameworks for Web Applications
4. Web 1.0, Web 2.0 and Web 3.0 with their difference

HTML :

• HTML | Basics
• HTML | Layout
• HTML | Attributes
• HTML | span Tag
• HTML | Div Tag
• HTML | Object tag
• Most commonly used tags in HTML
• HTML | Paragraph
• HTML | Color Styles and HSL
• Change Background color using onmouseover property
• HTML | style attribute
• HTML | Links
• HTML | Images
• HTML | Mapping Image
• HTML | Heading
• HTML | Spell Check
• HTML | Lists
• HTML | Text Formatting
• HTML | Quotations
• HTML | Calculator
• HTML | <Marquee> tag
• HTML | Style Tag
• HTML | Geolocation
• HTML | Drag and Drop
• HTML | URL Encoding
• HTML | File Paths
• HTML | Tables
• HTML | Links
• HTML | Comments
• HTML | Doctypes
• HTML | Design Form

• HTML | Iframes
• HTML | Class Attribute
• HTML | Canvas Basics
• HTML | SVG-Basics
• HTML | Subscript and Superscript Tags
• HTML | Adding Youtube videos
• Form validation using HTML and JavaScript
• Creating A Range Slider in HTML using JavaScript
• HTML | Responsive full page image using CSS
• How To Add Google Maps With A Marker to a Website
• Hide or show elements in HTML using display property
• HTML | Id Attributes
• HTML | Editors
• HTML | Charsets
• HTML | Phrase Tag
• HTML |<section>Tag
• HTML | Deprecated Tags
• XHTML | Introduction
• HTML | <nav> Tag
• HTML | <Meta> Tag
• HTML | <font> Tag
• HTML | <optgroup> Tag
• HTML <legend> Tag
• HTML | <frame> Tag
• HTML | <datalist> Tag
• HTML | <kbd> Tag
• HTML | <dfn> Tag
• HTML | <hgroup> Tag
• HTML | <hr> Tag
• HTML | Viewport meta tag for Responsive Web Design

More >>

CSS:

• CSS Introduction
• How to create a responsive Modal Sign-Up form for a Website?
• CSS | Positioning Elements
• CSS | Centering Elements
• CSS | Background
• CSS | Text Formatting
• CSS | Height and Width
• CSS | Overflow
• CSS | Combinators
• CSS | flex-wrap property
• CSS | Pagination
• Types of CSS (Cascading Style Sheet)
• CSS | Opacity / Transparency
• Advance CSS layout with flexbox
• CSS | Display property
• CSS | align-content property
• CSS | 2D Transforms
• CSS | empty-cells Property
• CSS | Units
• CSS | Gradients

• CSS | DropDowns
• CSS | Margins and Padding
• CSS | Borders
• HTML | Responsive Modal Login Form
• Responsive full page image using CSS
• Advanced Selectors in CSS
• CSS | Box model
• CSS | Animations
• CSS | Links
• CSS | Counters
• CSS | Fonts
• CSS | Colors
• CSS | 3D Transforms
• CSS | Multiple Columns
• CSS | Attribute Selector
• CSS | resize Property
• CSS | align-self Property
• CSS | word-break Property
• CSS | Shadow Effect

More >>

JavaScript:

• JavaScript : The Awesome Script
• Variables and Datatypes
• Understanding variable scopes in Javascript
• Understanding basic JavaScript codes
• If-else Statement
• DHTML JavaScript
• Switch-Case
• Loops
• Functions
• JavaScript Backend basics
• JavaScript | Date.now()
• JavaScript | Auto Complete / Suggestion feature
• JavaScript | Basics

• JavaScript | Array
• JavaScript | String
• JavaScript | Mathematics
• JavaScript | Atomics
• JavaScript | Form
• JavaScript | Data Structures
• JavaScript | ES2015
• JavaScript | Misc
• JavaScript Backend basics
• Javascript | JSON PHP
• date.@@toPrimitive() function
• every() with Examples
• reject() with Examples

More >>

BootStrap:

• Beginning BootStrap | Introduction and Installation
• Beginning BootStrap | Grid System
• Bootstrap | Buttons, Glyphicons, Tables
• Bootstrap | Vertical Forms, Horizontal Forms, Inline Forms
• Bootstrap | DropDowns and Responsive Tabs
• Badges and Breadcrumbs
• Bootstrap | Progress Bar and Jumbotron

• Bootstrap | Alerts , Wells, Pagination and Pager
• Bootstrap | Badges, Labels, Page Headers
• Bootstrap | Tooltips
• Bootstrap | Navigation Bar
• Bootstrap | Carousel
• Bootstrap | Cards

More >>

React JS:

• ReactJS | Introduction
• ReactJS | Setting up Development Environment
• ReactJS | Introduction to JSX
• ReactJS | ReactDOM
• ReactJS | Rendering Elements
• ReactJS | Components
• ReactJS | Components – Set 2
• ReactJS | Lifecycle of Components
• ReactJS | PropTypes

• ReactJS | Props – Set 1
• ReactJS | Props – Set 2
• ReactJS | State in React
• ReactJS | Calculator App ( Introduction )
• ReactJS | Calculator App ( Structure )
• ReactJS | Calculator App ( Building UI )
• ReactJS | Calculator App ( Styling )

More >>

PHP :

• Introduction
• Setting up development environment
• How to convert a string into number in PHP?
• What is stdClass in PHP?
• What is stdClass in PHP?
• Coding Standards
• Basic Syntax
• Echo and Print
• Variables and Data-Types
• Superglobals
• Constants
• Defining Constants
• Operators
• Bitwise-operators

• Decision Making
• PHP | Basics
• PHP | Arrays
• PHP | String
• PHP | Mathematics
• PHP | Functions
• PHP | Input-Output
• PHP | Program Outputs
• PHP | Misc

More >>

WordPress :

• How to make a website using WordPress (Part – 1)
• How to make a website using WordPress (Part – 2)
• Making your WordPress Website More Secure

Misc :

• Laravel
• How cookies are used in a website?
• Content Management Systems – An Overview
• LAMP installation and important PHP configurations on Ubuntu
• PHP 5 vs PHP 7
• Handling Ajax request in Django
• Is your Web Application Secure Enough? Think Again
• Implementing Web Scraping in Python with BeautifulSoup
• Cookie Tracking and Stealing using Cross-Site Scripting
• Automated Brute Forcing on web-based login
• Reading selected webpage content using Python Web Scraping
• Browser Automation Using Selenium
• XML parsing in Python
• Creating a Proxy Webserver in Python | Set 1
• Creating a Proxy Webserver in Python | Set 2