
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.
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.
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 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.
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.
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 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