Became Expert in HTML,CSS ,JAVASCRIPT & REACT.JS

Learn how HTML, the standard hypertext markup language, structures web pages using elements like headings, paragraphs, and links, which tell the browser how to display content.

Learn the basics of HTML5 structure, including doctype, HTML root, head with meta and title, and body with headings, paragraphs, images, links, lists, and tables.

Create a new folder in Visual Studio Code, then add a file named learning.html inside the HTML folder, and explore the different elements and how they work.

Create a basic html document with doctype, html, head, and body. Use title to set the page name, and add headings with h1 and paragraphs with p and br.

Explore how HTML attributes add information to elements, focusing on the img attribute to display images via an images folder path.

Explore HTML attributes like alt for images and href for linking pages, and learn to create a simple multi-page structure with root folders and anchor navigation.

use the HTML style attribute to change colors of paragraphs and headings and to set width and height of images, with practical step-by-step examples.

Master HTML headings by using h1 through h6 to vary font sizes and structure web pages, and learn how to customize and apply these headings throughout a page.

The lecture shows how to use the p element and br element in HTML to write paragraphs and break lines, including formatting a poem with proper line spacing.

Explore html formatting fundamentals by using tags like b, strong, small, q, mark, em, and i to emphasize, quote, and style text for clear web content.

Learn to add images in an HTML file using the img tag with the src attribute, organize images in an images folder, and preview the result in the browser.

Learn how to resize images for web pages, create a thumbnails folder, and make clickable thumbnails that open larger images, using Photoshop to reduce from 650x438 to 250x160 pixels.

Discover how to create clickable images in HTML by adding image elements, using thumbnail paths, and linking to pages like about.html to open images when clicked.

Learn to replace a background image on a web page by applying the CSS background-image to the body, using a path like images/bk.jpg, and adjust the image size in an editor.

Adjust and observe how padding and margin shape element spacing by changing top, left, right, and bottom values in pixels; learn the difference between content, padding, border, and margin.

Learn the basics of CSS, a language for styling HTML documents. Explore how selectors and declarations style elements with properties like color and font-size, and how stylesheets control layouts.

Learn to apply CSS within HTML using a style element to change colors, font sizes, and font styles for paragraphs and headings.

Explore how CSS colors use RGB values from 0 to 255 and hex codes to represent red, green, and blue combinations, and how these blend into various colors.

Explore CSS background color techniques by applying background colors to body, headings, and paragraphs, correcting color spellings, and refreshing pages to see changes.

Learn how the CSS box model organizes content, padding, borders, and margins, then customize border style, width, color, radius, and side-specific properties with practical examples.

Explore padding and margin in CSS with practical examples, adjusting top, bottom, left, and right values to control spacing and element alignment.

Build HTML tables by using the table tag, include a table head, add rows for name, age, and nationality, and apply a border to display data clearly.

Learn how to style HTML tables with CSS using inline styles or a style tag to control width, height, vertical alignment, text color, and background color.

Explore CSS techniques for tables by applying border-collapse, adjusting border radius, and changing font size and color to style table rows and text.

Create a table listing Olympic country rankings with names, flags, and gold, silver, bronze, and total medal counts for HTML, CSS, JavaScript, and React projects.

Create a table using the table tag, populate with rank, country, gold, silver, bronze, and total, add flag images, and style with css properties for layout and appearance.

Explore JavaScript, a popular client-side language used with HTML and CSS to build dynamic, interactive web content and forms, supported by major browsers and their JavaScript engines.

Explore how to use Visual Studio Code to practice JavaScript, including opening folders, creating files, and working with HTML, CSS, and JavaScript to build a responsive website.

Explore how to integrate JavaScript with HTML using inner HTML, document.write, and script blocks, and learn to manipulate elements by ID with getElementById in web development.

Learn how the document.write method outputs values, replacing getElementById and innerHTML, and see it used with a button and onclick events to display sums like 7+8.

Learn how to display output with window.alert and console.log in JavaScript, using a script tag to show results like 20 and 14 and how to inspect the console output.

Learn how variables act as containers for values in JavaScript, supporting numbers, strings, objects, and functions, and how to declare, initialize, and assign with var.

Identify the rules for JavaScript variable names, explaining that identifiers must be unique, can start with a letter, dollar sign, or underscore, are case sensitive, and cannot use reserved keywords.

Explore declaring many variables in one statement with let and comma, define id, string values like Selim, engineer, and salary, and render them using document.getElementById and innerHTML.

Explore the two types of variables in JavaScript: global variables defined outside functions and local variables defined inside functions, and explain how each type is accessible within the code.

Learn how the let keyword creates block-scoped variables in JavaScript, restricts access to the block, and that such variables must be declared before use, with redeclaration across blocks allowed.