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

CSS Demystified: Start writing CSS with confidence

CSS Demystified: Start writing CSS with confidence

Sources: kevin powell
CSS seems easy at first, but the deeper into it you get, the more complicated it becomes. Often we end up trying to fix problems by adding more and more code on top and hoping f...
20 hours 45 minutes 24 seconds
Advanced CSS and Sass: Flexbox, Grid, Animations and More!

Advanced CSS and Sass: Flexbox, Grid, Animations and More!

Sources: udemy
Have you been coding CSS for some time, but want to take your game to the next level? Do you feel confused with CSS jargon like inheritance, specificity or the cascade? What if...
28 hours 10 minutes 20 seconds
DevOps.js Conference 2021

DevOps.js Conference 2021

Sources: devopsjsconf.com
DevOps.js is an event for all the developers and architects involved in building infrastructure and setting up pipelines and deployments for JavaScript applications. Would you l...
7 hours 51 minutes 4 seconds
GraphQL for beginners with JavaScript

GraphQL for beginners with JavaScript

Sources: udemy
Obviously, you should use the right tool for the job, right? ... but often, what was the “right” tool, becomes the inferior tool, and frequently you
5 hours 35 minutes 31 seconds