Skip to content
Play overlay
Preview this course

Web Design & Development with CSS

Self-paced videos, Lifetime access, Study material, Certification prep, Technical support, Course Completion Certificate


Uplatz

Summary

Price
£12 inc VAT
Study method
Online, On Demand What's this?
Duration
65.9 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed courses certificate of completion - Free
  • Uplatz Certificate of Completion - Free

1 student purchased this course

Add to basket or enquire

Overview

Uplatz offers comprehensive training on CSS (Cascading Style Sheet). This is online video-based training course. You will be awarded Course Completion Certificate at the end of the course.

CSS (Cascading Style Sheet) is the language used to style an HTML document. CSS describes how HTML elements should be displayed.

Why learn CSS?

Without CSS, every web page would be drab plain text and images that flowed straight down the page. With CSS, you can add color and background images and change the layout of your page — your web pages can feel like works of art!

This course breaks down the fundamentals of CSS into digestible, easy to understand pieces. In this CSS course, you'll learn how the core aspects of CSS work and how to use them effectively in your projects.

You'll learn CSS fundamentals like the box model, cascade and specificity, flexbox, grid and z-index. And, along with these fundamentals, you'll learn about functions, color types, gradients, logical properties and inheritance to make you a well-rounded front-end developer, ready to take on any user interface.

This course is created for beginner and advanced CSS developers alike. You can go through the series from start to finish to get a general understanding of CSS from top to bottom, or you can use it as a reference for specific styling subjects.

Curriculum

1
section
37
lectures
65h 55m
total
    • 1: Introduction to CSS and CSS Fonts Preview 2:43:40
    • 2: Cursors 2:30:29
    • 3: Last Child 2:48:54
    • 4: Linear Gradient 1:29:34
    • 5: Element Selector 1:59:39
    • 6: Object Fit 1:47:00
    • 7: Radio Button 2:52:29
    • 8: First Child 1:42:48
    • 9: Parent Selector 22:18
    • 10: Descendant Selector 1:43:22
    • 11: CSS Column and CSS Checkbox Style 1:10:56
    • 12: Text Rotate 3:32:53
    • 13: CSS Grid 1:01:10
    • 14: Box Sizing 33:53
    • 15: Padding 1:21:50
    • 16: Color Generator 1:11:09
    • 17: Curved Border 1:46:26
    • 18: Triangle Generator 1:10:39
    • 19: 3D Transformations 2:33:01
    • 20: Transition 1:21:30
    • 21: Order 1:21:17
    • 22: Zoom 48:22
    • 23: Calc and Scale 3:58:09
    • 24: Loader and Bottom 1:57:06
    • 25: Media Queries 2:07:41
    • 26: Page Break 40:55
    • 27: CSS Skew Function - part 1 1:13:03
    • 28: CSS Skew Function - part 2 45:49
    • 29: CSS Row Feature 2:09:20
    • 30: CSS Inherit Feature 1:45:20
    • 31: CSS Compressor 2:48:54
    • 32: CSS Outline Property 3:40:59
    • 33: CSS Flex Directions 34:59
    • 34: CSS NoWrap and CSS Grid View 1:46:13
    • 35: CSS Matrix Class 1:32:08
    • 36: CSS Resize 1:55:12
    • 37: CSS Pagination 1:05:36

Course media

Description

CSS - Course Syllabus

1.1. CSS FONT CHANGE
2. CURSORS
3. LAST CHILD
3.1 LINEAR GRADIENT
4. ELEMENT SELECTOR
5. OBJECT FIT
6. RADIO BUTTON
7. FIRST CHILD
8. PARENT SELECTOR
9. DESCEDANT SELECTOR
10. CSS COLUMN AND CSS CHECKBOX STYLE

12. TEXT ROTATE
13 CSS GRID
14 BOX SIZING
15. PADDING
15.1 COLOR GENERATOR
16. CURVED BORDER
17. TRIANGLE GENERATOR
18. 3D TRANSFORMATIONS
19. TRANSITION
19.1 ORDER
20. ZOOM
21. CALC AND SCALE
22. LOADER AND BOTTOM
23. MEDIA QUERIES
24. PAGE BREAK
25. CSS SKEW FUNCTION
25.1 SKEW
26. CSS ROW FEATURE
27. CSS INHERIT FEATURE
28. CSS COMPRESSOR
29. CSS OUTLINE PROPERTY
30. CSS FLEX DIRECTIONS
31. CSS NOWRAP AND GRIDVIEW
32. CSS MATRIX CLASS

Who is this course for?

Everyone

Requirements

Passion and determination to achieve your goals!

Career path

  • CSS Developer
  • Web Designer
  • UI/UX Designer
  • Full Stack Web Developer
  • HTML Developer

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Certificates

Reed courses certificate of completion

Digital certificate - Included

Will be downloadable when all lectures have been completed

Uplatz Certificate of Completion

Digital certificate - Included

Course Completion Certificate by Uplatz

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.