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

Modern JavaScript (Complete guide, from Novice to Ninja)
Udemy
Essentials in JavaScript ES6 - A Fun and Clear Introduction
Udemy
The JavaScript Bible - JavaScript Bootcamp
Udemy
The Full JavaScript & ES6 Tutorial - (including ES7 & React)
Udemy
Replacing jQuery with Vanilla JavaScript
Udemy