Fast Code Snippets And Syntax Highlighting In Rails 6 With Highlight JS | Week 13 - 20in20

This 20in20 episode covers creating code snippets fast with syntax highlighting in Ruby on Rails 6 using Highlight.JS. This is week 13 of the 20in20 project, which means there are still 7 projects left!

Blog Post (Text version of Tutorial)

One of the things I always find myself doing is looking up familiar code snippets because I’ve forgotten them. For the 13th 20in20 challenge, I decided to create a tool to help store code snippets. Now, the purpose of this tutorial isn’t to create a functional code snippet database. Rather, this tutorial is meant to tie together several different ideas.

Then, by tagging code snippets, you’ll also be able to search and sort by the tags you provided your snippet. Tagging is similar to how languages work, but each snippet will be able to have more than one tag. This means we’ll also be using the idea of a JOIN table to combine our tags and our snippets into taggables.

And finally, we’ll use some Rails Templates from Rails Bytes to very quickly add in Bootstrap. This is going to be similar to a previous 20in20 challenge project, where we created a Rails template for Devise and bootstrap. Instead, however, we’ll just use a prebuilt template from Rails Bytes.

Timestamps
0:00 - Intro and Project Overview
2:37 - Part 1 - Project Summary and Backend Models
25:00 - Part 2 - The Middleware Controllers
36:00 - Part 3 - The Frontend Views
59:45 - Part 4 - The Turbolinks Issue, Solved!
1:02:56 - Outro and Project Summary

Photo by Mika Baumeister on Unsplash.

Follow me on social media:

Join this channel to get access to perks:

#Deanin #Rails6 #20in20

[Deanin]

Don't forget that there's a Discord channel you can join in the description, as well as several social media platforms where you can follow me if you'd like to stay up to date.

Thanks for all the support!!

[RamintaKairyte]

Hi Dean, I just wanted to say a massive thanks to you! Only because of your videos I finished my final project on ROR and hopefully will pass my module! Thank you, you have been a lifesaver! Greetings from Ireland :)

[wmcraver]

Bring on the Christmas presents! I have learned so much from your videos. Thank you!

[adante]

Great video Dean, as always. Thanks. 👍

[marktomlful]

Yes, new video! Thank you and welcome back

[prodbyindigo]

hey I was missing your vids this one looks awesome

[spritemoney]

Welcome back Dean! Thanks for making this video. I'm excited to see more newer content soon! This was super helpful for me.

It is super helpful to know this to have some amazing code snippets that I could share with the world.

I loved when you said "Jazz" in the end and it matched up with the notification bell icon ding.

[andante]

Fantastic video. You should be 500k subscribers. Soon! You should consider making Udemy courses too? You are able to convey often complex topics in an understandable way.