Lessons: 17Length: 2.4 hours
- Overview
- Transcript
3.3 Code Snippets and Syntax Highlighting
Let’s next offer the necessary functionality to add and present syntax-highlighted code snippets.
Errata:
When adding files to the snippets/ directory, don’t use the official syntax. Stick with .txt to keep from accidentally executing this code in the browser.
1.Getting Started and Project Structure
1.1Scaffolding With Yeoman09:00
1.1
Scaffolding With Yeoman
09:00
1.2Installing Dependencies and RequireJS Shims12:19
1.2
Installing Dependencies and RequireJS Shims
12:19
1.3The First Model Collection and View10:39
1.3
The First Model Collection and View
10:39
1.4A Collection of Slides11:32
1.4
A Collection of Slides
11:32
1.5Listening to the URI09:31
1.5
Listening to the URI
09:31
1.6Transitioning Slides24:28
1.6
Transitioning Slides
24:28
1.7Refactoring07:55
1.7
Refactoring
07:55
2.Styling
2.1How to Enable Sass in a Yeoman Project01:49
2.1
How to Enable Sass in a Yeoman Project
01:49
2.2Designing the Slides10:49
2.2
Designing the Slides
10:49
2.3Creating the Slides03:20
2.3
Creating the Slides
03:20
2.4Styling Headings by Character Length04:10
2.4
Styling Headings by Character Length
04:10
3.Content Types
3.1Adding Content Types09:29
3.1
Adding Content Types
09:29
3.2Displaying Quotes06:56
3.2
Displaying Quotes
06:56
3.3Code Snippets and Syntax Highlighting10:56
3.3
Code Snippets and Syntax Highlighting
10:56
3.4Adding Support for Multiple Snippets in a Single Slide04:32
3.4
Adding Support for Multiple Snippets in a Single Slide
04:32
3.5More Refactoring04:16
3.5
More Refactoring
04:16
4.Project Build and Conclusion
4.1Building the Project and Goodbye02:48
4.1
Building the Project and Goodbye
02:48
