• Post category:StudyBullet-3
  • Reading time:12 mins read


Become a web developer using: HTML | CSS | JavaScript | PHP | WordPress

What you will learn

Create webpages with HTML

Apply styling to Webpages with CSS

Make web pages interactive with JavaScript

Create website with PHP

Create websites with WordPress

Add videos to webpages

Add images to web pages

Description

HTML (Hypertext Markup Language) is the code that is used to structure a web page and its content. For example, content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables. As the title suggests, this article will give you a basic understanding of HTML and its functions.

HTML is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicize words, can make the font bigger or smaller, and so on.

CSS (Cascading Style Sheets) is the code that styles web content. CSS basics walks through what you need to get started. We’ll answer questions like: How do I make text red? How do I make content display at a certain location in the (webpage) layout? How do I decorate my webpage with background images and colors?

Like HTML, CSS is not a programming language. It’s not a markup language either. CSS is a style sheet language. CSS is what you use to selectively style HTML elements. For example, this CSS selects paragraph text, setting the color to red:

JavaScript is a programming language that adds interactivity to your website. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc.

JavaScript (“JS” for short) is a full-fledged dynamic programming language that can add interactivity to a website.


Get Instant Notification of New Courses on our Telegram channel.


JavaScript is versatile and beginner-friendly. With more experience, you’ll be able to create games, animated 2D and 3D graphics, comprehensive database-driven apps, and much more!

JavaScript itself is relatively compact, yet very flexible. Developers have written a variety of tools on top of the core JavaScript language, unlocking a vast amount of functionality with minimum effort. These include:

  • Browser Application Programming Interfaces (APIs) built into web browsers, providing functionality such as dynamically creating HTML and setting CSS styles; collecting and manipulating a video stream from a user’s webcam, or generating 3D graphics and audio samples.
  • Third-party APIs that allow developers to incorporate functionality in sites from other content providers, such as Twitter or Facebook.
  • Third-party frameworks and libraries that you can apply to HTML to accelerate the work of building sites and applications.

PHP is a general-purpose scripting language geared towards web development.

WordPress is a free, open-source website creation platform

English
language

Content

Essential Web Development Tools
Introduction
Text Editors
Please Read ( Note on Text Editors)
Installing Visual Studio Code Text Editor
Installing Atom Text Editor
Web Browsers
The web and internet
Getting Started
Planning your website
Sketching your website design
Choosing your assets
Creating files and folders
Creating content with HTML
What is HTML
Anatomy of an HTML Element
Basic structure of an HTML Document
Creating a basic HTML document structure: Part 1
Creating a basic HTML document structure: Part 2
Creating a basic HTML document structure: Part 3
Viewing Source Code
HTML Attributes
Marking up Text
Creating Links
HTML Comments
Styling Web Page Content with CSS
What is CSS
Ways to apply CSS
Styling multiple properties
Styling multiple elements
Modifying CSS
CSS Basic Selectors
CSS Comments
CSS Box Model
CSS Margin and Padding Property
Changing background color
CSS Border Property
CSS Positioning
CSS Display Property
CSS Font Property
Google Fonts
Creating Interaction with JavaScript
What is JavaScript
Where to place JavaScript
JavaScript Variables
Variable Naming Convention
Arrays
Data Types
Mixing data types
Operators
Arithmetic Operators
Assignment Operators
Operator precedence
String Operators
Comparison Operators
Logical Operators
Conditional Statements
Functions
Comments
JavaScript Events
Adding Image to web page
Adding Personal Welcome Message to a webpage
Setting Up PHP Development Environment
What is PHP
Installing PHP
XAMMP Control Panel
PHP Fundamentals
PHP Syntax
PHP Comments
PHP Data Types
Examples of PHP Data Types
PHP PRINT | ECHO Statements
PHP Variables
Creating Variables
Variable Scopes
PHP Local Variable Scope
PHP Global Scope
PHP Static Variable Scope
PHP Operators
Arithmetic Operators
Assignment Operators
Comparison Operators
incremental and decremental operator
Logical operators
String Operators
Conditional Statements
if statements
if else statements
if else if else statements
Switch Statements
PHP Loops
While Loops
DO While Loops
FOR Loops
Foreach Loops
PHP Functions
Function Arguments
Date Functions
Date Functions: Part 2
STRING Functions
String Functions: Part 2
PHP Arrays
Indexed Arrays
Associative Arrays
Multi dimensional Arrays
Build a mini website with PHP
What we will build
Using PHP Include
Creating the website: Part 1
Creating the website: Part 2
Creating the website: Part 3
Installing WordPress
What is WordPress
Installing WordPress locally
Accessing WordPress locally
Bitnami Manager
Shared Hosting and Domain Name
Getting Domain Name and Hosting
Changing HostGator password
Installing WordPress in shared hosting
How to login | Logout of WordPress
How to change WordPress Password
Post Installation Emails
Create a Business or Personal Website with WordPress
What we will create
WordPress Themes
Changing WordPress Themes
WordPress Plugins
Creating a Logo
Adding logo to website
Getting images
Adding images to slider
What are Widgets
Exploring Widgets
Adding gallery to website
Adding social icons to website
Adding video to webpage
Editing Permalinks
Creating blank web pages
Creating a menu
Adding content to pages: Part 1
Adding content to pages: Part 2
Adding contact form and google maps
Changing font properties
Adding Links