
Explore how to include CSS in HTML through inline styles, embedded styles in the head, and external stylesheets, using linking and importing and common selectors.
Explore the fundamentals of CSS and how cascading style sheets define the look and layout of web pages, with HTML basics, Bootstrap, and browsers like Chrome and Firefox.
Explore the CSS basic syntax by placing a style tag in the head, styling the h1 with blue color and a font, and using colons and semicolons to separate attributes.
Explore how CSS fonts control typography by selecting font-family with fallbacks, applying font-style, font-weight, font-size, and font-variant, and using shorthand to style text efficiently.
Explore how to style text with CSS properties such as color, direction, letter-spacing, word-spacing, text-indent, text-decoration, text-transform, and text-shadow. See practical implementations on paragraphs with live browser previews.
Style hyperlinks with the anchor tag in CSS, controlling default, visited, hover, and active colors. Remove underlines with text-decoration: none and reveal them on hover, using HTML and CSS examples.
Master css layers and z-index to stack divs with absolute positioning, using top and left offsets to create depth. See how color and z-index order determine which layer remains top.
Learn to style css lists with list-style-type values like disk, circle, and square. Create inline and nested lists using float left and style none, and use roman or alpha numbering.
Explore css animation fundamentals by animating a red square through keyframes, color transitions from red to yellow to green, and motion using left and top with delays and direction options.
Explore 2d transformations in css, demonstrating rotate and skew on the x and y axes with 20-degree rotations, clockwise and anticlockwise options, and a practical implementation that previews upcoming animation.
Explore css 3d transformations by rotating a box along the x, y, and z axes. See practical 3d rotation using translate and rotate functions on a div and its setup.
Learn CSS color fundamentals by using four methods: hexadecimal codes, short hexadecimal, RGB values from 0 to 255, and color keywords to style text and backgrounds.
Explore CSS colors in depth, learn to set opacity with rgba and the opacity property, compare rgb and hsl values, and understand hex and color names for precise web design.
Explore CSS cursors by applying default, pointer, text, wait, and resize icons through a practical example that demonstrates how cursors change on hover and during actions.
Explore how CSS padding creates the space between text and an element's border. Learn top, right, bottom, and left values, including pixels and percent, plus patterns for multiple values.
Explore CSS positioning techniques, including absolute, relative, and fixed positioning, and learn how top and left coordinates place elements, relative to the screen or their container, with practical comparisons.
Learn to set border dimensions and resize boxes with height and width, using min-height, max-height, min-width, and max-width, while padding and margin shape content in the dom.
Learn to create rounded corners in CSS with border-radius, applying equal or varied radii per corner, including single, two-value, three-value, and four-value syntax for box styling.
Explore controlling content visibility with css using visibility: hidden and hover reveals. Implement a practical example with paragraphs in a head style tag to toggle visibility.
Discover practical techniques to add vertical, horizontal, or both scrollbars to a box when content overflows, using the CSS overflow property and a box-style container.
Explore four basic css selectors—name selector, class selector, id selector, and universal selector—through embedded styles to apply styles to headings, paragraphs, and other elements across a document.
Explore CSS backgrounds, applying color or images to paragraphs or the whole document. Control background repeat, position, and attachment with examples like no-repeat, repeat-x, repeat-y, and fixed.
Explore how to create and customize gradient backgrounds using linear and radial gradients, control direction and color stops, and apply repeating gradients with color percentages.
Learn how to style images with CSS to enhance web pages, using borders—three-pixel red dotted, dashed, and one-pixel solid green borders via the img tag and style attribute.
Design borders using css border properties to control width, color, and style for paragraphs, divs, and images, including per-side variations and common values.
Set up the Bootstrap environment by downloading from the official site, choosing compiled files, core sources, or a cdn, and explore default scaffolding and components.
Design a bootstrap form by grouping labels and inputs with form groups, binding controls for easy maintenance, then render vertical and inline form layouts for login.
Explore bootstrap badges to display counts beside navigation items, using spans with the badge class, including right-aligned counts like 42 and 3.
Explore how Bootstrap alerts convey messages using contextual classes such as success, info, warning, and danger, and learn to build dismissible alerts with close icons and optional alert links.
Explore how to implement Bootstrap breadcrumbs to display a page’s hierarchical path, from home to sports to cricket, with active state and back navigation.
Learn to create and customize button groups in Bootstrap, building horizontal or vertical menus and toolbars, with size variations (lg, sm, xs) and nested groups including dropdowns.
Learn to create and customize bootstrap buttons using predefined button classes such as primary, success, info, warning, and danger, including sizes, block buttons, disabled state, and link-styled buttons.
Explore bootstrap list groups to display complex objects with list group items, badges, and the active state to indicate selection. Create customized items using headers and links for content.
Learn to use the bootstrap label class to display contextual information with color variants such as default, primary, and warning, and to render labels inline with text width using spans.
Discover how the Bootstrap grid system uses a 12-column layout to craft responsive designs across screen sizes. See practical demos show allocation of columns and breakpoints under 768 pixels.
JavaScript is a client-side scripting language embedded in HTML that enables validations, interactivity, and animations; its dynamic typing and event-driven, modular design power frameworks like Angular and Node.js.
Explore JavaScript arrays as fixed-size, zero-based collections for storing values, with initialization and access, plus bubble sort demonstrations that sort in ascending or descending order.
Understand how to declare variables with var, assign string or numeric values in JavaScript, and print results with document.write, while exploring local and global scope and the language's loose typing.
Learn how to control JavaScript flow with conditional statements, including if else and switch, to run code only when conditions are met using operators and comparisons.
Explore how the if else statement evaluates conditions using logical or and comparison operators, handling true/false outcomes with else-if chains to assign grades from a calculated percentage of three subjects.
Learn JavaScript iteration statements and loops that execute code multiple times under a condition, illustrated by finding even numbers from 1 to 100, with three types including while and away.
Explains the for loop in JavaScript, detailing initialization, condition, and increment, and demonstrates iterating a known number of times, summing even numbers, and computing factorials.
Explore the JavaScript while loop, which executes code while a condition is true, using a digits-counting example with division by 10 and Math.floor.
Learn how the do-while loop executes at least once, checks the condition after the body, and uses user input to limit attempts with a welcome or account logged outcome.
Demonstrate loop control statements using break and continue. Observe a for loop from 1 to 10 where break stops at five and continue skips five, illustrating their effects.
Learn how to use the JavaScript switch statement to evaluate a single character, handle vowels with multiple cases (a, e, i, o, u), and use default for consonants.
Explore JavaScript operators, from assignment and arithmetic to unary and binary operators, including plus, minus, multiply, divide, modulus, quotient and remainder, and pre/post increment with precedence rules.
Explore JavaScript logical operators, including and, or, not, and the ternary operator, with practical login examples using username and password prompts to evaluate conditions.
Explore JavaScript comparison operators, including the assignment operator and equal to, not equal to, greater than, less than, greater than or equal to, and less than or equal to, which produce boolean results.
Explore JavaScript functions: define, call, and return values, use parameters to pass data, and build modular, reusable code with real-world examples like an ATM and button clicks.
Learn how JavaScript handles events to drive UI interactions, wiring onload, mouseover, and mouseout to DOM elements to dynamically swap image sources and respond to user actions.
Learn how JavaScript handles runtime errors using try, catch, and finally to manage exceptions, with examples showing when finally runs regardless of errors.
Explore how cookies enable client-side state management in JavaScript, distinguishing session and persistent cookies, and learn to create and read cookies using document.cookie.
Create a client-side image slideshow using a timer-based approach with setInterval, cycling four images and starting on page load, pausing on mouse over and resuming on mouse out.
Practice creating and reading JavaScript objects, use dot notation to access properties, loop with for-in to read values, and work with JavaScript object notation to organize data.
Learn how to navigate between pages using JavaScript with window.location, including redirection on events like form submission and timed redirects with setTimeout on page load.
Learn CSS and Bootstrap and Javascript Web Development stack 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