Web Development Beginner

Beginner Web Developer

Are you coming from a non-IT background and wants to get into the world of web development. This course is For You. We carefully designed this course for the students who are new to IT. After completion of this course, you can start developing websites for e-commerce, company, schools, colleges, professionals portfolios, individuals, integrate payment gateways etc., without much difficulty.

Course Syllabus

Insert your content here

HTML & HTML5 Syllabus

Introduction to Web - HTML & HTML5

  • Introduction to Web
  • How Websites Work
  • How Browsers Work
  • Client Side vs Server Side
  • Setting up IDEs
  • Elements

HTML & HTML5 - Elements & Tags

  • What are Elements
  • What are Tags
  • What are Attributes
  • How to use Comments
  • Types of Elements
  • Inline Elements
  • Block Elements

HTML & HTML5 - Text Related Elements

  • Heading Elements
  • Paragraph Element
  • Division Element
  • Span Element
  • Working with empty spaces
  • Pre Formatted Text

HTML & HTML5 - Images & Links

  • Working with Images
  • Setting Width & Height
  • Working with Links
  • Linking to external websites
  • Linking to Internal Pages
  • Linking to different sections in the page

HTML & HTML5 - Tables & Lists

  • Ordered Lists
  • Un-ordered Lists
  • Descriptive Lists
  • Working with Tables
  • Table Headers
  • Table Data

HTML & HTML5 - Input Elements & Forms

  • Text Input Element
  • Password Input Element
  • Check Boxes
  • Radio Buttons
  • Drop Downs
  • Date, Time Input Elements
  • Other Misc., Elements
  • Forms

HTML & HTML5 - Audio & Video

  • Working with Audio Files
  • Audio File Formats
  • Browser Compatibility & Fall back to default
  • Working with Videos
  • Video File Formats
  • Browser Compatibility & Streaming

HTML & HTML5 - Semantic Elements

  • Introduction to SEO
  • Introduction to Semantic Elements
  • Header & Nav Elements
  • Section & Article Elements
  • Aside & Footer Elements
  • Summary & Details Elements

HTML & HTML5 Project

Project work based on HTML & HTML5 elements

CSS & CSS3 Syllabus

Introduction to Web Designing - CSS & CSS3

  • Introduction to Web Designing
  • How CSS Works in Browsers
  • External CSS
  • Internal CSS
  • Inline CSS

CSS & CSS3 - Selectors

  • Introduction to Selectors
  • Universal Selectors
  • Element Selectors
  • Class Selectors
  • ID Selectors
  • Descendant Selectors
  • Pseudo Class Selectors
  • Pseudo Element Selectors
  • Inheritance

CSS & CSS3 - Box Model, Borders & Shadows

  • Introduction to Box Model
  • Working with Margins
  • Working with Paddings
  • Working with Content
  • Working with Borders
  • Working with Shadows

CSS & CSS3 - Colors & Gradients

  • Working with Colors
  • Named Colors
  • Hexadecimal Colors
  • RGB & HSL Colors
  • Colors with Opacity
  • Working with Gradients
  • Linear Gradients
  • Vertical Gradients

CSS & CSS3 - Flex-Box

  • Introduction to Flex-box
  • Flex Direction Rows
  • Flex Direction Columns
  • Justifying Content
  • Aligning Items
  • Flex Wrap
  • Align Content
  • Flex Basis
  • Flex Grow

CSS & CSS3 - Grid

  • Introduction to Grid
  • Grid Rows
  • Grid Columns
  • Justify & Align Items
  • Justify & Align Content
  • Row & Column Gaps
  • Grid Template Areas

CSS & CSS3 - Other

  • Measurement Units
  • Absolute Units
  • Relative Units
  • Positioning – Relative
  • Positioning – Absolute
  • Positioning – Fixed
  • Overflows

CSS & CSS3 - Bootstrap & Tailwind

  • Introduction to CSS libraries
  • Working with Bootstrap
  • Bootstrap Buttons
  • Bootstrap Colors
  • Bootstrap Input Elements
  • Bootstrap Spacing
  • Working with Tailwind CSS
  • Working with Tailwind Classes

CSS & CSS3 Project

Project work based on HTML & CSS

JavaScript Syllabus

JavaScript Introduction

  • Introduction to JavaScript
  • Where can we run JavaScript
  • JavaScript for Client Side Applications
  • JavaScript for Server Side Programming
  • JavaScript for Desktop Applications
  • Internal JavaScript
  • External JavaScript
  • First JavaScript program

JavaScript - Variables

  • Introduction to Variables in JavaScript
  • Data Types in JavaScript
  • Primitive Data Types
  • Numbers
  • Strings
  • Booleans
  • Undefined & Null Data Types
  • Reference Data Types
  • Difference between Primitive & Reference data types

JavaScript Functions

  • Introduction to functions
  • Types of functions
  • Named functions
  • Anonymous Functions
  • Fat Arrow Functions
  • Function parameters
  • Default parameters
  • Returning values from functions

JavaScript - Conditional Statements & Loops

  • If Statement
  • If-else Statement
  • Ternary Operator
  • Truth & Falsy things in JavaScript
  • Abstract Comparison
  • Exact Comparison
  • For Loop
  • For-Of & For-In loops
  • Do – While loop
  • While – Do loop

JavaScript - Arrays

  • Arrays in JavaScript
  • Accessing elements from arrays
  • Adding & Deleting elements from arrays
  • Push – Pop methods
  • Shift-Unshift methods
  • Splice method
  • Searching in Arrays
  • Index-of method
  • For-Each & Map methods

JavaScript - Objects

  • Objects in JavaScript
  • Accessing the properties from Objects
  • Shallow Copy & Deep Copy
  • Understanding this in JavaScript
  • Built-In Objects in JavaScript
  • Date Object
  • JSON
  • JSON Stringify
  • JSON Parse

ES6+ JavaScript - Object Oriented Programming

  • Object Oriented Programming in JavaScript
  • Traditional vs ES6 Object oriented programming
  • Classes
  • Constructor Function
  • Creating Objects using new keyword
  • Inheritance
  • Public and Private properties

ES6+ JavaScript - Promises & Fetch API

  • Promises in JavaScript
  • Working with Promises
  • Creating Promises in multiple ways
  • Async-Await in JavaScript
  • Fetch API
  • Getting Data from Server
  • Get, Post, Put, Delete requests

JavaScript - Document Object Model (DOM)

  • Introduction to Document Object Model (DOM)
  • Accessing DOM elements
  • Modifying elements dynamically
  • Adding event listeners to elements
  • Getting the data entered by the user
  • Getting data from text, password input elements
  • Getting data from checkboxes
  • Getting data from dropdowns

WordPress Syllabus

Introduction to WordPress

  • Introduction to Content Management systems
  • Introduction to WordPress
  • Installing WordPress on Local System
  • Introduction to Web Hosting
  • Installing WordPress on the Server
  • Initial Configurations

WordPress - Free & Premium Builders

  • Working with Free Themes
  • Working with Free Plugins
  • Working with Menus
  • Working with Widgets
  • Working with Premium Themes
  • Working with Page Builders

WordPress - E-Commerce Website

  • Creating an E-Commerce Website with WordPress
  • Working with Simple Products
  • Working with Variable Products
  • Adding Products & Categories
  • Working with Payment Gateways
  • Integrating with Razorpay