Create Animated Breaking News Graphics with HTML, CSS and JavaScript
2h 40m 39s
English
Paid
Course description
"Animated News Graphics in HTML, CSS, and JavaScript" is a practical course where you will learn to develop your own dynamic overlays and animations in the style of television broadcasts. Such graphic elements are ideal for streams, digital scoreboards, and television graphics.
This course is not just "follow along". It is designed so that you understand the principles of animation and web technologies, rather than mindlessly copying code. After completing the training, you will be able to confidently create real projects that impress users and make you stand out to employers.
Watch Online
0:00
/ #1: Introduction
All Course Lessons (17)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction Demo | 02:47 | |
| 2 | Bruno | 01:29 | |
| 3 | Introduction | 03:39 | |
| 4 | Broadcast Graphics Project | 12:39 | |
| 5 | Broadcast Graphics - Styling - Part 1 | 10:04 | |
| 6 | Broadcast Graphics - Styling - Part 2 | 11:02 | |
| 7 | Broadcast Graphics - Dynamic Width JS | 11:39 | |
| 8 | Broadcast Graphics - CSS Animations | 17:31 | |
| 9 | Broadcast Graphics - JS Controls | 13:42 | |
| 10 | Let's Keep Learning Together! | 01:23 | |
| 11 | Introduction | 05:02 | |
| 12 | Mac / Linux Device Setup | 05:35 | |
| 13 | Windows Device Setup | 06:58 | |
| 14 | VSCode Setup & Template | 19:27 | |
| 15 | VSCode Extensions | 09:11 | |
| 16 | DevTools | 13:57 | |
| 17 | GitHub | 14:34 |
Unlock unlimited learning
Get instant access to all 16 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Data Visualization + D3.js
Sources: superhi.com
Our Data Visualization course focuses on the practical aspects of working with data. In our 6-week long course, we’ll cover the basics of storytelling and worki
16 hours 48 minutes 54 seconds
LeetCode & JavaScript Complete Course for Web Developer 2022
Sources: udemy
In my LeetCode course, I will walk you through, step-by-step, all the different types of questions that appear during interviews! I am a self-taught programmer
2 hours 53 minutes 26 seconds
HTML/CSS Bootcamp - Learn HTML, CSS, Flexbox, and CSS Grid
Sources: udemy
Hi and welcome to the HTML/CSS Bootcamp course, where we'll walk through the same course I teach code bootcamp students around the world.
20 hours 55 minutes 14 seconds
HTML 5 Canvas
Sources: udemy
HTML Canvas is used to draw graphics and animations directly on a web page using JavaScript. Canvas is the most talked about HTML5 feature that allows web devel
3 hours 19 minutes 28 seconds