
Explore how to include CSS in HTML via inline styles, internal style sheets, and external style sheets, using selectors to apply styles to a page or entire site.
Discover the fundamentals of cascading style sheets and how CSS defines the look and feel of web pages. Apply styles to HTML elements with a single, maintainable stylesheet across devices.
Demonstrates embedding CSS in the head with a style tag, applying blue color and a font-family to the first heading, and green color to the next heading using semicolon-separated declarations.
Explore how to style text with CSS using color, direction, letter-spacing, word-spacing, and text-indent. Learn text decoration, text-transform, and text-shadow with practical examples and cross-browser notes.
Learn to style CSS hyperlinks using the a tag, including default colors, visited gray, hover pink, and clicked green, and control text-decoration to show underline on hover.
Learn to create visual layers with z-index and absolute positioning by stacking three colored divs (green, red, yellow) with specific top and left values, showing how z-index controls stacking order.
Explore CSS lists by applying list-style-type values such as disk, circle, square, and use inline lists with float left for ordered lists with roman and alpha.
Explore CSS animation by building a red 150 by 150 box and animating color and position through keyframes, including delays, iteration counts, and direction options like reverse and alternate.
Explore CSS 2D transforms by rotating and skewing elements along the x and y axes, using clockwise and anticlockwise rotations and skew X, Y, and combined skew.
Explore 3D CSS transformations by rotating a div box along the x, y, and z axes with rotate X, rotate Y, and rotate Z.
Explore CSS color fundamentals by learning four methods to apply color: hex codes, short hex, RGB values, and color keywords; understand RGB components and how values 0–255 create each shade.
Discover how to set CSS colors using rgb(a), hex, and hsl, control opacity with alpha values and the opacity property, and adjust saturation and lightness for precise hues.
Explore CSS cursors by learning how to swap the default mouse pointer for options like cross, finger (hyperlink), text, resize, loading, and help to enhance web interactions.
Explore CSS padding to control the space between text and its border, using top, bottom, left, and right values, including single, two-, and four-value shorthand with pixels and percentages.
Explore absolute, relative, and fixed positioning in css, using top and left coordinates to place elements and compare how relative offsets differ from fixed scrolling behavior.
Learn how to set and constrain box dimensions in CSS by applying height, width, min-height, max-height, min-width, and max-width, and observe how margins and padding influence layout.
Learn how to create rounded corners in CSS by using border-radius on divs, applying single or multiple values for each corner, and pairing with backgrounds and borders.
Master CSS visibility to show or hide page content at runtime, using hover effects to reveal hidden text and control what appears on a web page.
Discover practical CSS techniques to handle content overflow by adding vertical and horizontal scrollbars to boxes with the overflow property.
Explore how to use CSS selectors—name (tag) selectors, class selectors, ID selectors, and the universal selector—to target elements across a document, with embedded styles and practical examples.
Explore how to customize web page backgrounds using CSS, including background color, background image, repeat options, position, and fixed attachment, applied to paragraphs or the entire document.
Explore CSS gradient techniques, including linear and radial gradients with customizable directions, color stops, and repeating patterns, and see how to apply them to div elements.
Explore how to style images to enhance web pages by applying borders and colors with the style attribute, demonstrating dotted, dashed, and solid borders in red and green.
Learn to design CSS borders with border-width, border-style, and per-side colors for paragraphs and divs, using hex codes or color names through practical examples.
Set up the bootstrap environment by downloading from the official getbootstrap website and choosing compiled CSS/JS or the core source, and explore scaffolding with component folders and JavaScript plugins.
Design a form by grouping related controls with form groups, binding email and password inputs for easy maintenance and consistent updates, then switch between vertical and inline layouts.
Explore how to use Bootstrap badges to display counts beside navigation links, with glass badges, active states, and right-aligned numbers such as 42 and 3.
Explore bootstrap alerts by implementing the alert class, using contextual colors for info, warning, and danger, adding a dismissible close button, and optionally turning alert text into links.
Learn how to implement bootstrap breadcrumbs to display page hierarchy, showing a path from home to sports to cricket and enabling navigation back to higher levels.
Group multiple buttons with Bootstrap button groups to create menus and assign actions. Explore button toolbars, vertical layouts, nested groups, and responsive sizes lg, sm, and xs for adaptable menus.
Master Bootstrap buttons by using the base btn class and color variants like primary, info, warning, and danger, with sizes, block layout, disabled state, and hyperlink styling.
discover how bootstrap list groups enable complex lists by using the list-group and list-group-item classes, badges and active states, and by creating customized div-based items with headers and descriptive text.
Explore Bootstrap labels: apply the label class to display contextual colors such as default, information, warning, primary, success, and danger, and use span to size labels to text.
Explore Bootstrap grid system using a 12-column layout for responsive designs across screen sizes; breakpoints like md and lg control column counts and wrapping from mobile to desktop.
Learn how JavaScript, a client-side scripting language embedded in HTML, enhances web pages with validations, animations, and richer interactivity while executing on the browser's engine.
Explore how JavaScript arrays store multiple values in fixed-size, zero-indexed memory blocks allocated with new, supporting read, write, initialization, and bubble sort for ascending or descending order.
Explore how to declare and assign variables in JavaScript using var, understand loosely typed values, and manage local vs global scope, then print results with document.write and string concatenation.
Explore how JavaScript conditional statements run code only when a condition is met, using if else and short circuiting with switch, including comparisons and operators.
Explore how if-else statements evaluate conditions with boolean results and control code execution, including converting three subject marks to numbers, computing percentage, and assigning grades.
Explore iteration statements in JavaScript by implementing loops that execute code multiple times, using a condition to continue until numbers 1 to 100 are checked for even numbers.
Explore the for loop by defining initialization, condition, and increment; practice with examples from 1 to 100, summing even numbers to 200, and computing factorials.
Master the do-while loop in JavaScript by understanding its post-execution condition check, guaranteed first execution, and use in user-interactive prompts like a pin entry with limited attempts.
Explore JavaScript loop control statements by using break and continue in a for loop from one to ten, showing how break terminates loops (including nested ones) and continue skips iterations.
Explore how JavaScript switch statements evaluate an expression against multiple cases and execute the matching block, with a default for vowels or consonants.
Explore JavaScript operators, from assignment to arithmetic, including plus, minus, multiplication, division, quotient, remainder, and modulus, with practical examples of pre and post increment and precedence rules.
Explore JavaScript logical operators: and, or, not; and the ternary operator, using a username and password login example to illustrate true or false outcomes.
Explore JavaScript comparison operators, including ==, !=, >, <, >=, and <=, and see how these comparisons return boolean results when evaluating values such as 100 and 10.
Define and call JavaScript functions to perform tasks modularly, pass parameters, and return values; use events like onclick to trigger functions and validate inputs.
Explore JavaScript error handling with try, catch, and finally: manage runtime exceptions, differentiate them from syntax errors, and ensure cleanup actions run regardless of success or failure.
Discover how JavaScript cookies enable client-side state management by storing form input as cookies, a text file on the client, to prevent post back loss and preserve values across sessions.
Explore client-side JavaScript animations with a simple image slideshow powered by setInterval, start/stop controls, and mouseover interactions, delivering interactive web page effects without post backs.
Explore creating and reading JavaScript objects, accessing properties via dot notation, looping with for-in, and building strings from values using json-style data.
Learn to redirect a page programmatically in JavaScript using the window.location property to navigate after events, such as a button click or a five-second timeout via setTimeout.
Learn the basic syntax of BHP, write a hello world program, and run it from the command line or display it on a web page via a BHP-enabled web server.
Explore how client-side JavaScript and server-side PHP generate web content, compare outputs, and understand timezone effects when scripts run on different machines.
Demonstrate console input output in php using f scanf and f printf, reading from stdin and writing to stdout to compute area as length multiplied by breadth.
Explore PHP arithmetic operators through a sample script with variables 42 and 20, performing addition, subtraction, multiplication, and division, plus increment and decrement operations.
Explore how PHP comparison operators evaluate values to true or false and drive conditional outputs, covering equality, not equal, greater than, less than, and their equal-to forms.
Demonstrate PHP assignment operators, including = and the cumulative +=, -=, *=, /=, and %=, using a and b to show updates from 62 to 20.
Explore PHP's conditional operator, also called the ternary operator, as a short form of an if statement by evaluating a > b and assigning result to either a or b.
Explore PHP function statements by defining functions, passing arguments by value or by reference, using default and variable-length parameters, and returning values to enable flexible, reusable code.
Learn how the PHP break statement terminates loops and a switch case, using a while loop that stops when a random value equals five, ensuring control exits early.
Explore the PHP continue statement inside a while loop, showing how it skips the remaining statements and starts the next iteration, in contrast to break, with a practical random-number example.
Explore PHP decision making with if-else-elseif-else and switch statements, using COALESCE and rand to generate numbers and drive conditional logic.
Demonstrates php while loop basics with two examples: a counter printing 1 to 10, and a random number loop that ends when the value is five.
Master the PHP for loop and its three clauses (initialization, condition, and increment) through three examples, including a random termination loop and a simple array traversal.
Learn to use the myschool api in php to connect to mysql, create a test database and employee table, and insert and display records.
Explore the mysqli api in php by using procedural functions to connect, query, and display records (id, name, address, salary) from an employee table, then show an object oriented approach.
Illustrates inheritance in PHP by extending a base student class into engineering student, sharing protected members, invoking the parent constructor, and overriding get details to include branch.
Learn how to define a PHP class and create objects, using a books class with constructor, setters, getters, and a get details method to show title and price.
Explore anonymous classes in PHP 7 by constructing an unnamed class with a constructor that sets x and provides add and subtract methods, yielding 30 and 5.
Explore how to set and retrieve cookies in PHP with a simple form, a setcookie script, and a get cookie script, using $_POST and $_COOKIE.
Explore file input and output options in the BHP language by demonstrating writing data to a new file and reading it back with error handling and end-of-file checks.
Learn PHP error handling using die to terminate on errors, test file_exists before opening a file, and set a custom error handler with set_error_handler and error_reporting.
Learn PHP exception handling by using try-catch blocks to manage division by zero errors and display meaningful messages, and implement a custom exception handler with set_exception_handler.
Explore how the get and post methods send form data to a php script via the action attribute. Compare reading submitted data with $_GET, $_POST, and $_REQUEST for server-side processing.
Explore cryptographically secure pseudo random number generation in PHP 7 using random_bytes and random, with hex display of bytes and range-based random values.
Explore PHP scalar type declarations, including coercive and strict modes, with declare(strict_types=1). See how function arguments and return types are enforced, and how errors arise in strict mode.
Explore PHP 7's null coalescing operator, the double question mark, and how it replaces the ternary operator by returning a variable or a default value when not set.
Explore the PHP 7 spaceship operator, a three-way comparison that returns -1, 0, or 1 for left vs right operands, demonstrated with numbers, floats, and strings.
Learn PHP polymorphism by implementing a button interface with my button and your button, showing overridden click methods, then use an abstract shape with rectangle and circle to compute areas.
Demonstrates setting and retrieving php session variables via a form and self-posting script. Starts a session, stores the name in $_SESSION['user'], and greets the user with the stored name.
Learn CSS and Bootstrap and Javascript and PHP Programming all in one complete course
section 1- CSS course with basics and advanced concepts of CSS
ever wonder how the latest website designs are made? Cascading Style Sheets (CSS) are the main coding files used to layout a website and its design. CSS 3 is the latest in styling standards, and it brings several new properties and declarations you can use to make your website design more easily created. CSS is currently the only standard in website design that plugs directly into your HTML, even the latest HTML 5 standards. With CSS 3 and HTML 5, you can create the latest interactive pages for your website viewers.
this course shows you how to create CSS classes from a beginner's level. It starts off with basic HTML declarations, properties, values, and how to include a CSS style sheet with your HTML code. For those of you who are new to CSS and HTML, we show you step-by-step how to create a CSS file and include it in your HTML code, even if you use a cloud server for your hosting.
we show you how to position your elements, layout your elements relative to your documents, and style your HTML using predefined CSS values. We introduce you to the common CSS styling that you'll need when you start off designing your pages. If you want to get to know CSS and website design, this course is meant for you, and it can be used by anyone who hasn't even seen one line of CSS code yet. We focus on the latest CSS 3 and HTML 5 standards, so you get the latest when coding your website pages instead of focusing on older code.
there are no prerequisites. Anyone Can join this course. It is recommended though that individuals have some basic computer programming knowledge.
Course Topics
Introduction to CSS
inclusion Of CSS In HTML
CSS syntax
CSS styling Text
CSS page backgrounds
CSS 2D transform
CSS 3D transform
CSS animation
and more....
Section 2- Learn bootstrap in a crash course
bootstrap grid system
bootstrap alerts
bootstrap badges
bootstrap forms
bootstrap breadcrumb
bootstrap labels
and more...
Section 3- learn javascript programming language
The course is created with thorough, extensive, but easy-to-follow content that you’ll easily understand and absorb.
The course starts with the basics, including JavaScript fundamentals, programming, and user interaction.
the curriculum is going to be very hands-on as we walk you from start to finish to become a professional Javascript developer. We will start from the very beginning by teaching you Javascript basics and programming fundamentals, and then execute into real-life practice and be ready for the real world.
while Javascript is complicated for beginners to learn, it is widely used in many web development areas.
this course gets you started with an introduction to JavaScript. It assumes that you're new to the language, so it gets you started with basic functionality such as creating functions, creating variables, and calling these lines of code from your standard HTML pages. It talks about events and triggers for custom event handling. It talks about pattern matching, searching for text within a page, flow control, and the document object model (DOM). We start off with the basics and move on to more complex functionality such as arrays and objects. We then discuss how to script common elements with JavaScript such as forms and tables. At the very end, we discuss major libraries such as Ajax, which allows you to make asynchronous calls to server-side scripts without reloading the web page in the server.
Master the fundamentals of writing Javascript scripts
Learn core Javascript scripting elements such as variables and Objects
Discover how to work with lists and sequence data
Write Javascript functions to facilitate code reuse
Use Javascript to read and write files
Make their code robust by handling errors and exceptions properly
Search text using regular expressions
The topics covered in this course are:
* javascript course contents:
Javascript introduction
Javascript array
Javascript variables
Javascript functions
Javascript objects
Javascript control statements
Javascript cookies
Javascript loop statements
Javascript data structures
Javascript error handling
Javascript regular expressions
section 4- learn PHP programming language
This section will learn the basic structure of a web application and how a web browser interacts with a web server. You'll be introduced to the request/response cycle, including GET/POST/Redirect. You'll also gain an introductory understanding of Hypertext Markup Language (HTML), as well as the basic syntax and data structures of the PHP language, variables, logic, iteration, arrays, error handling, and superglobal variables, among other elements.
The topics covered in this PHP course are:
PHP various operator types
PHP arrays
PHP conditional statements
PHP loops
PHP function statements
PHP decision making
PHP file Input and Output
PHP web concepts
PHP MySql API
PHP CSPRNG
PHP scalar declaration
and more..