Name: CSS And JavaScript Complete Course For Beginners
Rating: 4.3 (2224 reviews)

Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Created byPROPER DOT INSTITUTE

Last updated 9/2021

English

What you'll learn

Introduction to CSS And JavaScript concepts
Theory And Practical demonstrations of CSS concepts
Write CSS Scripts And Understanding Concepts
Practically Getting Started With CSS Styles, CSS 2D Transform, CSS 3D Transform
Getting Started With Javascript Variables,Values and Data Types, Operators and Operands
Write JavaScript scripts and Gain knowledge in regard to general javaScript programming concepts
Introduction And Use of JavaScript Variables, JavaScript Arrays, JavaScript Objects
Introduction And Use Of Conditional Statements In JavaScript

Course content

2 sections • 46 lectures • 4h 4m total length

Introduction To CSS6:04
Learn the fundamentals of CSS (cascading style sheets) and how to apply styles to colors, fonts, and layout, enabling easy maintenance and cross-device compatibility.
CSS Inclusion In HTML10:05
Learn how to include CSS in HTML with inline styles, embedded styles in the head, and external style sheets, plus linking and importing CSS for page-wide styling.
CSS Fonts5:47
Apply font-family with multiple fallbacks so the first available font renders. Use font-variant for smallcaps, font-style for italics, font-weight for bold, and font-size in pixels, with the shorthand.
CSS Basic Syntax3:46
Explore basic CSS syntax by placing a style tag in the head, applying color and font-family to h1 and p elements, and learning inline, external, and embedded styles.
CSS Text5:43
Explore CSS text properties such as color, direction, letter-spacing, word-spacing, text-indent, text-decoration, text-transform, and text-shadow to style typography.
CSS Links3:19
Practice styling hyperlinks with CSS using the anchor selector and pseudo-classes a:link, a:visited, a:hover, and a:active to control color and underlines.
CSS Layers2:42
Learn how to create layered layouts with layers and z-index using absolute positioned divs; observe three colored layers (green, red, yellow) stacking to reveal depth.
CSS Lists4:30
Learn how to style CSS lists, control bullets with list-style-type (disk, circle, square, roman, alpha), create inline horizontal lists with float left, and hide markers with list-style: none.
CSS Animation10:20
Explore CSS animations by defining keyframes to animate a red box through color changes and motion, including delay, duration, iteration count, and direction with alternate and reverse options.
CSS 2D Transform3:43
Explore CSS 2D transforms by applying rotate and skew to div elements, demonstrating clockwise and counterclockwise rotations and x-axis and y-axis skew with practical code examples.
CSS 3D Transform2:55
Explore CSS 3D transformation by rotating a box along the X, Y, and Z axes using rotate X, rotate Y, and rotate Z, with a live browser preview.
CSS Colors 13:29
Explore how CSS colors work, including hex codes, short hex codes, RGB values, and color keywords, and apply them to text or backgrounds using red, green, and blue components.
CSS Colors 23:52
Learn to control color opacity in css with rgba values and the opacity property, and explore hsla and hsl formats for hue, saturation, and lightness in season three.
CSS Cursors2:26
Explore CSS cursors and the various cursor models you can apply to a web page, including default, crosshair, text, resize handles, help, and the pointer for hyperlinks.
CSS Borders5:26
Design CSS borders for paragraphs, divs, and images using width and per-side color. Explore border styles such as none, solid, dashed, double, groove, ridge, inset, and hidden.
CSS Padding3:47
Control the space between text and borders with CSS padding, specifying top, right, bottom, and left values, including single, two-, three-, and four-value shorthands in pixels and percent.
CSS Positioning6:43
Discover how absolute, relative, and fixed positioning place elements using left and top coordinates, relative offsets, and fixed-on-scroll behavior, with practical examples.
CSS Dimensions3:48
Master css box dimensions by setting height, width, min-height, max-height, min-width, and max-width with practical examples, including 400px height and 100px width, considering padding and margins.
CSS Rounded Corners5:20
Learn to create rounded corners on any border using the new border-radius attribute, set uniform or distinct radii per corner, and apply backgrounds or images to style each box.
CSS Visibility2:21
Explore how to manage the visibility of page content with CSS, using visibility: hidden and hover to show or hide text, and implement practical examples in a style tag.
CSS Scrollbars2:26
Learn to manage content overflow by adding vertical and horizontal scrollbars to a box using the overflow property, with practical implementation and styling.
CSS Selectors12:03
Learn to use CSS selectors—name, class, id, and universal—to style specific elements and groups across a document. See practical examples with embedded style sheets and nested selectors.
CSS Gradient4:10
Learn to create CSS gradients using linear and radial techniques, control direction from top to bottom or left to right, and apply color stops and repeating patterns.
CSS Images2:01
Explore how to enhance web pages with images by applying practical css borders using the img tag and style attribute, including dotted, dashed, and solid borders in red and green.
CSS Background5:39
Learn to apply CSS backgrounds to paragraphs and the whole document, using colors and images with options for repeat, position, and fixed attachment.

JavaScript Introduction5:46
Explore how JavaScript, a client-side scripting language embedded in HTML, enables validations, animations, and richer interactivity on web pages while emphasizing HTML and CSS basics.
JavaScript Operators9:06
Discover JavaScript operators, including assignment, arithmetic (plus, minus, multiply, divide, modulus), and precedence, with examples of pre/post increment and shorthand assignments.
JavaScript Array10:24
Learn how JavaScript arrays store multiple values in a fixed-size, zero-based collection, initialize and access elements by index, and implement sorting (bubble sort) in ascending and descending orders.
JavaScript Conditional Statements1:15
Learn how to control code flow with conditional statements in JavaScript, using if else and switch to execute tasks when conditions are met, including short-circuiting concepts, via operators.
JavaScript Variables4:19
Explore how JavaScript variables store a single value and can be reassigned during execution. Learn to declare with var, assign strings or numbers, and print using document.write with string concatenation.
JavaScript Comparison Operators3:18
Explore JavaScript comparison operators, including equal, not equal, greater than, less than, and their greater than or equal and less than or equal forms, which return boolean results.
JavaScript for Loop11:37
Explore how the for loop controls known iteration counts with initialization, condition, and increment. See patterns for printing numbers, summing even numbers, and computing the product up to a limit.
JavaScript Iteration Statement3:10
Learn JavaScript iteration statements and loops, using a loop to identify even numbers from 1 to 100, with a condition-driven termination and basics of while and for loops.
Javascript Do..while loop4:34
Master the do-while loop, which executes at least once and tests the condition after each run. Apply it to user-driven prompts, such as pin verification with up to three attempts.
JavaScript Cookies5:46
Learn how JavaScript cookies provide client-side state management with session and persistent cookies, and implement a simple form that saves a name via documents.cookie for future visits.
JavaScript Functions10:56
Learn to define and call JavaScript functions to perform modular tasks, pass parameters, and return values, with on-click events and simple examples.
JavaScript Error Handling5:40
Master runtime error handling in JavaScript by using try, catch, and finally to manage exceptions and ensure cleanups during failed operations.
JavaScript Events3:59
Explore event driven programming in JavaScript by handling onload, mouseover, and mouseout events to dynamically swap image sources via dom methods and event handlers.
JavaScript While Loop5:18
Explore the while loop in JavaScript, running code while a condition holds and handling unknown iterations with examples like counting digits by dividing by 10 and truncating with Math.floor.
JavaScript Page Redirect3:57
Learn how to programmatically redirect pages using the window.location property in JavaScript, including button-triggered redirects after form submission and automatic redirects with setTimeout after a delay.
JavaScript Loop Control Statements4:40
Learn how break and continue control loop execution in JavaScript, terminating loops or skipping iterations, as shown with a for loop from one to ten.
JavaScript Logical Operators5:07
Explore JavaScript logical operators and the ternary operator with practical login examples using username and password prompts, showing how and, or, and not evaluate conditions.
JavaScript Switch Statement5:47
Learn to implement a JavaScript switch statement to classify a single character as vowel or consonant using multiple cases, a default block, and case grouping.
JavaScript Objects4:36
Explore JavaScript objects by creating an object with properties, retrieving values via dot notation and a for-in loop, and reading data from JavaScript object notation (JSON).
JavaScript If Else Statement6:37
Explore the if statement with comparison and logical operators, parseInt input, sum three marks, compute a percentage from a max of 50, and assign grades a through d.
JavaScript Animation5:48
Create a client-side image animation using a simple timer to cycle through four images, pausing on hover and resuming on mouse out, with auto start on page load.

Requirements

Basic Computer Knowledge
Basic HTML Knowledge

Description

Learn CSS And Javascript Complete Course For Beginners

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 individual 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 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
- See you inside the course
Thank you see you inside the course

Who this course is for:

For People New to CSS And JavaScript
For People Who want to learn CSS And JavaScript Fundamentals and later Transition into Web Designing
For People New to Web Designing

What you'll learn

Explore related topics

Course content

CSS Complete Course25 lectures • 2hr 2min

JavaScript Complete Course21 lectures • 2hr 2min

Requirements

Description

Who this course is for: