YoVDO

Lazy Loading Prismjs Languages for Code Syntax Highlighting - Day 13

Offered By: Ben Awad via YouTube

Tags

Web Development Courses Javascript Courses React Courses GitHub Courses Code Optimization Courses Babel Courses Lazy Loading Courses

Course Description

Overview

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

Related Courses

Angular Avanzado: Lleva tus bases al siguiente nivel - MEAN
Udemy
Angular: Routing
LinkedIn Learning
Angular Router In Depth (Angular 18)
Udemy
Angular e integração de APIs
Udemy
Learn to build an e-commerce app with .Net Core and Angular
Udemy