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

Ultimate PHP, Laravel, CSS & Sass! Learn PHP, Laravel & Sass

Ultimate PHP, Laravel, CSS & Sass! Learn PHP, Laravel & Sass

Sources: udemy
Have you have been taking courses that are not up to date or courses that after finishing them you will immediately know that is not what they promised to be in
95 hours 30 minutes
Data Visualization + D3.js

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
Fundamentals of CSS Flexbox

Fundamentals of CSS Flexbox

Sources: zerotomastery.io
Learn to create flexible and adaptive layouts using Flexbox. Basics of alignment, managing margins, and implementing a real-world project for beginners.
4 hours 7 minutes 34 seconds
Build Incredible Chatbots

Build Incredible Chatbots

Sources: udemy
Welcome to the most comprehensive and complete chatbot developer course. Learn concepts, tools and techniques that you will need
7 hours 51 minutes
70+ JavaScript Challenges: Data Structures & Algorithms

70+ JavaScript Challenges: Data Structures & Algorithms

Sources: Brad Traversy
Master JavaScript challenges with a focus on data structures and algorithms. Improve problem-solving skills, learn recursion, and tackle coding interviews
12 hours 29 minutes 29 seconds