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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 17 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (17)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Animating with the JavaScript Web Animations API

Animating with the JavaScript Web Animations API

Sources: udemy
This course teaches you how to animate on the Web using the JavaScript Web Animations API W3C standard.
1 hour 59 minutes 45 seconds
Modern JavaScript

Modern JavaScript

Sources: ui.dev (ex. Tyler McGinnis)
This is a 'living' course which updates as JavaScript does. If you haven't taken a look at the latest versions of JavaScript the last few years you've been missing out. From obj...
3 hours 4 minutes 3 seconds
Complete Web Developer in 2025: Zero to Mastery

Complete Web Developer in 2025: Zero to Mastery

Sources: udemy, zerotomastery.io
Learn to code. Get hired. This is one of the most popular, highly rated coding bootcamps online. It's also the most moderen and up-to-date. Guaranteed. You'll g
37 hours 3 minutes 37 seconds