Enjoying the preview?
This is the free first lesson. Get full access — request a demo or sign in.
Advanced CSS
Advanced Skills of CSSPreview the first lesson free — get full access to all 18 lessons.
Advanced Provider : Cliff Brozo 6 chapters · 18 Lessons · 1h 47m in Arabic, German, English, Spanish, French, Portuguese, Chinese
Course Description
CSS (Cascading Style Sheet) is a popular way to format the layout of webpages. CSS is used to define tech styles, table sizes, and any aspect found in webpages. You will learn the basics of CSS, including fonts, lists, alignment and coding, backgrounds, and borders.
Our Advanced Cascading Style Sheets (CSS3) course focuses on creating and formatting an interactive question-and-answer game. Combining HTML, CSS, and JavaScript, you will learn techniques to create timed responses, visual cues, and animation to add interest and flavor to the gaming experience. Logic to control timer functions and opening and closing of window panels will be introduced via JavaScript.
What You'll Learn
- Design a working, interactive question-and-answer game
- Build a Grid Box game board and the code that generates it
- Create multiple countdown timers, including cube timers, and control window panels with JavaScript
- Add audio and design splash screens, stylish buttons, and logos for the game
- Control the cursor using CSS and make sections appear and disappear
- Format and style Scalable Vector Graphics (SVG)
Key Takeaways
- The course combines HTML, CSS, and JavaScript to create an interactive question-and-answer game.
- Learners use techniques such as timed responses, visual cues, and animation to add interest to the gaming experience.
- JavaScript is introduced to provide logic that controls timer functions and the opening and closing of window panels.
- The course covers formatting Scalable Vector Graphics (SVG) and controlling the cursor using CSS.
- By building the game, learners gain a working knowledge of JavaScript alongside advanced CSS3 techniques.
Frequently Asked Questions
What does this Advanced CSS course cover?
The course focuses on creating and formatting an interactive question-and-answer game by combining HTML, CSS, and JavaScript. It covers building a game board, designing slider windows, formatting timers, creating splash screens, stylish buttons, and logos, controlling the cursor with CSS, and formatting Scalable Vector Graphics (SVG).
What skills will I gain from this course?
You will gain skills in Cascading Style Sheets (CSS), CSS Codes, CSS Frameworks, HTML Scripting, JavaScript Style Sheets, and Object Oriented CSS, along with a working knowledge of JavaScript.
Will I learn JavaScript in this course?
Yes. The course introduces JavaScript to control timer functions and the opening and closing of window panels, and one of its objectives is to gain a working knowledge of JavaScript.
What kind of project will I build?
You will design a working, interactive question-and-answer game, including a Grid Box game board, multiple countdown timers, audio, splash screens, and sections that appear and disappear.
