Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Lazy Loading Prismjs Languages for Code Syntax Highlighting - Day 13

Ben Awad via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the implementation of lazy loading for Prismjs languages in this 2-hour video tutorial. Learn how to import Prismjs, use Babel plugins, and find alternatives for efficient code highlighting. Dive into source code analysis, examine language loading mechanisms, and understand dependencies. Discover techniques for automatic language detection, custom color schemes, and markdown mapping. Practice reorganizing Prism text, implement recursion, and conduct thorough testing. Follow along with the provided GitHub code repository and join the live stream for an interactive learning experience.

Syllabus

Intro
Importing Prismjs
Babel Plugin
Lazy Loading
Finding an alternative
Testing the alternative
Looking at the source code
Looking at loadlanguage
Looking at dependencies
Mapping
Language
Markdown
Download
Load all
JSON p
Getup
Automatic Language Detection
Custom Colors
Markdown Mapping
Importing Languages
Reorganizing Prism Text
Recursion
Testing
Checklist

Taught by

Ben Awad

Reviews

Start your review of Lazy Loading Prismjs Languages for Code Syntax Highlighting - Day 13

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.