The [course_title] course is designed to help you to destroy jank and create web apps that maintain 60 frames per second performance.
You will learn the tools that you need to identify the causes of jank. The course also focuses on the browser’s rendering pipeline and uncovers patterns that make it easy to build performance apps.
Upon completion, you will be able to build high-performance web apps.
Assessment
This course does not involve any written exams. Students need to answer 5 assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). Once the answers are submitted, the tutor will check and assess the work.
Certification
Edukite courses are free to study. To successfully complete a course you must submit all the assignment of the course as part of the assessment. Upon successful completion of a course, you can choose to make your achievement formal by obtaining your Certificate at a cost of £49.
Having an Official Edukite Certification is a great way to celebrate and share your success. You can:
- Add the certificate to your CV or resume and brighten up your career
- Show it to prove your success
Course Credit: Google
Course Curriculum
Lesson 1: The Critical Rendering Path | |||
Course Introduction | 00:01:00 | ||
Lesson Introduction | 00:01:00 | ||
Juddering | 00:01:00 | ||
Frames | 00:01:00 | ||
Milliseconds Per Frame | 00:01:00 | ||
What Goes Into One Frame | 00:02:00 | ||
Render Tree Quiz | 00:01:00 | ||
DOM, CSSOM, Render Tree | 00:03:00 | ||
Layout | 00:01:00 | ||
Layout and Paint | 00:02:00 | ||
Rendering Quiz | 00:01:00 | ||
Final Project | 00:01:00 | ||
Lesson Outro | 00:01:00 | ||
Lesson 2: App Lifecycles | |||
Introduction | 00:01:00 | ||
RAIL | 00:01:00 | ||
Load and Idle | 00:01:00 | ||
RAIL – Animations Part 2 | 00:01:00 | ||
Rendering Animations | 00:01:00 | ||
Interactions and Animations | 00:01:00 | ||
RAIL Thresholds Review | 00:01:00 | ||
RAIL Scenario 1 | 00:01:00 | ||
RAIL Scenario 2 | 00:01:00 | ||
Lesson 2 Outro | 00:01:00 | ||
Lesson 3: Weapons of Jank Destruction | |||
Lesson 3 Introduction | 00:01:00 | ||
The Timeline in Depth | 00:03:00 | ||
Reading the Timeline | 00:01:00 | ||
Identifying Jank Sample | 00:02:00 | ||
Test… All the Devices!!! | 00:01:00 | ||
Setup for mobile | 00:01:00 | ||
Using dev tools on mobile | 00:01:00 | ||
Mobile tools for iOS | 00:01:00 | ||
More Timeline Practice | 00:01:00 | ||
Finding Janky Functions | 00:01:00 | ||
Finding More Jank | 00:01:00 | ||
Lesson 3 Outro | 00:01:00 | ||
Lesson 4: JavaScript | |||
Lesson 4 Introduction | 00:01:00 | ||
Just in Time | 00:02:00 | ||
Optimizing JS for Animations | 00:01:00 | ||
RequestAnimationFrame | 00:03:00 | ||
JavaScript Profile | 00:02:00 | ||
Long Running JS | 00:01:00 | ||
Web Workers | 00:03:00 | ||
JS Memory Management | 00:02:00 | ||
A Snappier QR Code App Pt. 1 | 00:01:00 | ||
A Snappier QR Code App Pt. 2 | 00:02:00 | ||
Lesson 4 Outro | 00:01:00 | ||
Lesson 5: Styles and Layout | |||
Lesson 5 Introduction | 00:01:00 | ||
The Cost of Style Changes | 00:01:00 | ||
Selector Matching 1 | 00:02:00 | ||
Selector Matching 2 | 00:01:00 | ||
Recalculate Styles | 00:01:00 | ||
Layout Thrashing | 00:02:00 | ||
FSL | 00:01:00 | ||
Stopping FSL Strategy | 00:01:00 | ||
Causes of Forced Synchronous Layout | 00:02:00 | ||
Stop FSL | 00:02:00 | ||
Lesson 5 Outro | 00:01:00 | ||
Lesson 6: Compositing and Painting | |||
Lesson 6 Introduction | 00:01:00 | ||
Paint Rectangles | 00:01:00 | ||
Paint Profiler | 00:01:00 | ||
Compositing | 00:01:00 | ||
Conceptual Question about Layers | 00:03:00 | ||
Composite Layers | 00:01:00 | ||
Managing Layers | 00:01:00 | ||
Managing Layers 2 | 00:03:00 | ||
Will-Change | 00:01:00 | ||
Your Compositing Budget | 00:01:00 | ||
Layer Counting | 00:02:00 | ||
Make Some Quizzes | 00:02:00 | ||
The Final Project | 00:02:00 | ||
Course Outro | 00:01:00 | ||
Assessment | |||
Submit Your Assignment | 00:00:00 | ||
Certification | 00:00:00 |
Course Reviews
No Reviews found for this course.