CSS & JavaScript - Certification Course for Beginners

Name: CSS & JavaScript - Certification Course for Beginners
Rating: 4.5 (2646 reviews)

Learn how to Add Dynamic Client-Side Functions to your Web Pages using CSS & JavaScript

Created byYouAccel Training

Last updated 6/2019

English

What you'll learn

Parts of a CSS Rule
Types of CSS Rules
CSS Classes, Spans, IDs, Divisions
CSS Margins, Padding, Text Properties, Font Properties, Borders
CSS Backgrounds, Transparency
CSS Positioning - Static, Relative, Absolute, Fixed, Float, Clear
CSS Link Styling, Z-Index, Tables
Responsive Web Page Design using CSS
JavaScript Placement
JavaScript Variables, Constants, Arithmetic Operators
Operator Precedence, Data Types, Objects
JavaScript Functions, Arrays, Array Attributes
JavaScript Loops (For, For-In, While, Do-While)

Course content

2 sections • 72 lectures • 3h 9m total length

Introduction to CSS3:31
Parts of a CSS Rule6:31
Types of CSS Rules2:54
CSS - Color Names and Codes2:17
CSS Classes and Spans5:43
CSS Divisions - DIVs2:52
Discover how divs organize web content with the div tag, offering advanced formatting and pixel-level positioning beyond table cells, including rounded corners, transparency, and layering.
CSS IDs5:53
Discover how CSS IDs uniquely style divs with a # selector to set width to 80 percent, a 3-pixel border, yellow background, and blue text, unlike reusable classes.
CSS Margins3:52
CSS Padding2:12
CSS Text Properties8:28
CSS Font Properties3:00
Explore the CSS font property to set font family, size, style, and line height, and apply a text style class to a paragraph.
CSS Borders2:19
Explore adding borders with a custom class, set pixel thickness, apply borders to specific sides or all sides, and use color and dashed styles to preview in the browser.
CSS Backgrounds6:25
CSS Transparency2:52
CSS Text on Top of Images5:09
CSS Width and Height Properties6:03
CSS Display Properties2:09
Learn to use the CSS display property to control visibility and positioning, turning stacked divs into a horizontal row with inline-block and hiding a div with none.
CSS Static Positioning1:54
CSS Relative Positioning4:03
Explore how relative positioning adds top and left coordinates to an element and moves it relative to its parent container, including nested divs with offset examples.
CSS Absolute Positioning2:12
CSS Fixed Positioning2:07
CSS Float Property2:23
CSS Clear Property1:08
Learn how the CSS clear property controls floating elements, using a clear declaration to prevent content below a floated blue div from wrapping and stopping the yellow div from floating.
CSS Z-Index1:39
CSS Styling Links2:01
CSS Tables2:16
CSS Project - Introduction1:22
CSS Project - CSS Rules5:35
Create a basic css rules page that builds a fluid three-column layout with fixed left and right columns and a center content area, plus header and footer styling.
CSS Project - Navigation Rules2:16
CSS Project - Responsive CSS2:37
Define responsive CSS rules with a max-width of 840px to stack the right column under the main content, then at 600px stack left and right columns beneath the center content.
CSS Project - Page Elements2:33

JavaScript - DOM Introduction3:12
JavaScript - DOM Manipulation1:17
JavaScript - Introduction5:41
JavaScript Placement2:09
External JavaScript1:50
JavaScript Output1:41
JavaScript InnerHTML1:03
JavaScript Commenting1:48
JavaScript Constants1:34
JavaScript Variables Introduction4:31
JavaScript Assignment Operator1:05
JavaScript Arithmetic Operations3:43
JavaScript Arithmetic Operations Continued3:45
Learn how to use JavaScript arithmetic operators, including division, increment, and decrement, by declaring and updating variables and displaying outputs in the browser.
JavaScript Operator Precedence0:58
JavaScript Data Types1:13
Explore JavaScript data types by examining numbers, strings, arrays, and objects, and learn how variables store values and properties as part of the data model.
JavaScript Objects1:42
JavaScript Object Output1:22
Show how to output multiple object properties in one line by using a person object with first name, last name, age, and eye color, then display the sentence in the browser.
JavaScript Strings3:11
JavaScript String Length0:41
Determine a string’s length using the built-in length property, with a variable t x t containing all 26 letters, and output the length via innerHTML to show 26 in browser.
JavaScript Special Characters1:18
JavaScript Random Numbers0:54
JavaScript Min and Max Function1:05
JavaScript Math Round Functions1:38
JavaScript Arrays2:14
JavaScript Attributes1:28
JavaScript Arrays - Pop - Push - Shift - Unshift2:04
Learn how to manipulate arrays in JavaScript using pop, shift, push, and unshift to remove and add elements, demonstrated with mango, apple, and cherry.
JavaScript Changing and Deleting Elements1:58
JavaScript Splicing an Array1:35
JavaScript Sorting an Array1:24
Sort an array alphabetically with the sort method, using a cars array of Volvo, Acura, Honda, and Lexus, then reverse it with the reverse method to view in a browser.
JavaScript Joining Arrays1:04
JavaScript Conditional Statements6:17
Explore JavaScript conditional statements by building a score-to-letter grade calculator using if, else if, and else, handling 0–100 grading ranges and an out-of-range error.
JavaScript Comparisons2:26
JavaScript Booleans1:21
discover how javascript booleans determine whether a value is true, showing that numbers and strings evaluate to true while zero evaluates to false through a seven-variable example and browser output.
JavaScript For Loops2:40
JavaScript For-In Loop0:46
Use the for-in loop to iterate over an object's properties, demonstrated with a Person object containing first name, last name, and age, outputting values like John Smith 30.
JavaScript While Loops2:08
JavaScript Do-While Loop1:58
JavaScript Break and Continue1:14
JavaScript Functions1:53
JavaScript Events1:18
JavaScript Project 1 - BG Color Changer2:13

Requirements

Basic Computer Skills

Description

Welcome to the CSS & JavaScript – Certification Course for Beginners

This two part series provides a detailed overview of the fundamentals of coding using CSS and JavaScript. Students will learn how to create responsive web pages using project based learning. The CSS section explores almost every aspect of CSS development. This includes:

Working with IDs, Classes, and Divisions.
CSS Text Properties, Borders and Backgrounds
Styling Images and Links
CSS Display Properties
Element Positioning Techniques for fully Responsive layouts
Navigation Rules
Page Elements
Much More…

In Section two, students learn to integrate JavaScript components into their web pages for dynamic client-side functionality. We start by exploring basic concepts such as JavaScript placement and Output. From there we move into Variables, Arithmetic Operators, Objects, and Data Types. The course includes many other important topics, such as:

JS Min, Max Functions
Special Characters
Math Functions
Arrays
Changing and Deleting Elements
Conditional Statements
Comparisons
Booleans
Loops (For, For-In, While, Do-While)
Events
Functions

What you'll learn - Overview

Parts of a CSS Rule
Types of CSS Rules
CSS Classes, Spans, IDs, Divisions
CSS Margins, Padding, Text Properties, Font Properties, Borders
CSS Backgrounds, Transparency
CSS Positioning - Static, Relative, Absolute, Fixed, Float, Clear
CSS Link Styling, Z-Index, Tables
Responsive Web Page Design using CSS
JavaScript Placement
JavaScript Variables, Constants, Arithmetic Operators
Operator Precedence, Data Types, Objects
JavaScript Functions, Arrays, Array Attributes
JavaScript Loops (For, For-In, While, Do-While)

Students will also have an opportunity to solidify their learning through exciting hands-on projects.

So, don’t wait another second. Enrol in this exciting new course today!

Who this course is for:

Students interested in learning the foundations of CSS & JavaScript Coding
Students interested in adding dynamic client-side functions to Web Pages
Beginner Web Developers looking to improve their Skills

CSS & JavaScript - Certification Course for Beginners

What you'll learn

Explore related topics

Course content

CSS Development31 lectures • 1hr 46min

JavaScript Development41 lectures • 1hr 23min

Requirements

Description

Who this course is for: