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

Understanding HTML and CSS

Understanding HTML and CSS

Sources: udemy
Deeply understand Semantic HTML, CSS, Flexbox, Grid, learn to read the specifications, and more. In this course you'll gain a deep understanding of HTML and CSS
17 hours 52 minutes 36 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
The Ultimate JavaScript Animation Course

The Ultimate JavaScript Animation Course

Sources: developedbyed.com
Learn how to do creative and engaging animation with no previous experience. Animation is so important in front end design as it grabs the attention of the user and provides eng...
8 hours 32 minutes 37 seconds
Up and Running With PixiJS

Up and Running With PixiJS

Sources: tutspluscom
PixiJS is a 2D graphics rendering JavaScript library that lets you create stunning visual effects in a flexible and performant manner
2 hours 8 minutes 52 seconds