title
Getting Started With Jekyll, The Static Site Generator

description
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse

detail
{'title': 'Getting Started With Jekyll, The Static Site Generator', 'heatmap': [{'end': 244.559, 'start': 197.467, 'weight': 0.795}, {'end': 310.286, 'start': 252.56, 'weight': 0.739}, {'end': 338.331, 'start': 323.413, 'weight': 0.769}, {'end': 831.31, 'start': 807.102, 'weight': 0.846}], 'summary': 'Series by travis nielsen on building websites provides a technical lesson for php academy viewers, focusing on creating websites and sharing knowledge on the creative process. it discusses setting up a one-page portfolio using jekyll, highlighting its speed, security, cost-effectiveness, and blog-aware capabilities, and covers the process of setting up a jekyll site. additionally, it explores the usage of front matter in jekyll for declaring variables and logic, along with an introduction to new features in jekyll 2, such as compiling sas and running coffeescript.', 'chapters': [{'end': 56.166, 'segs': [{'end': 56.166, 'src': 'embed', 'start': 22.794, 'weight': 0, 'content': [{'end': 27.439, 'text': "And I really tried to give everybody like a seat at the table as we've gone through the whole creative process,", 'start': 22.794, 'duration': 4.645}, {'end': 29.422, 'text': 'starting with like discovery and ideation.', 'start': 27.439, 'duration': 1.983}, {'end': 32.025, 'text': "We've talked about empathy and organization.", 'start': 29.682, 'duration': 2.343}, {'end': 38.259, 'text': 'We talked about doing sketchings and wireframes, and the last video we did was even a little bit of visual design.', 'start': 32.537, 'duration': 5.722}, {'end': 50.204, 'text': "But I've tried to time this particular video for today so that you guys and girls of PHP Academy get the first technical lesson of the series,", 'start': 38.379, 'duration': 11.825}, {'end': 51.424, 'text': "and I'm really excited to share it.", 'start': 50.204, 'duration': 1.22}, {'end': 55.126, 'text': "You don't need to watch any of those other videos to understand what we're doing today.", 'start': 51.664, 'duration': 3.462}, {'end': 56.166, 'text': 'Today stands on its own.', 'start': 55.166, 'duration': 1}], 'summary': 'The php academy gets the first technical lesson of the series, which stands on its own.', 'duration': 33.372, 'max_score': 22.794, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc22794.jpg'}], 'start': 0.069, 'title': 'Creating websites: a technical lesson', 'summary': 'Introduces a series of videos on building websites, led by travis nielsen, emphasizing a technical lesson for php academy viewers, with a focus on creating websites and sharing knowledge on the creative process.', 'chapters': [{'end': 56.166, 'start': 0.069, 'title': 'Creating websites: a technical lesson', 'summary': 'Introduces a series of videos on building websites, emphasizing a technical lesson for php academy viewers, led by travis nielsen, with a focus on creating websites and sharing knowledge on the creative process.', 'duration': 56.097, 'highlights': ['Travis Nielsen introduces a series of videos on building websites, emphasizing a technical lesson for PHP Academy viewers.', 'The series covers the entire creative process, including discovery, ideation, empathy, organization, sketching, wireframes, and visual design.', 'The chapter emphasizes the stand-alone nature of the technical lesson, not requiring prior viewing of other videos.']}], 'duration': 56.097, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc69.jpg', 'highlights': ['The series covers the entire creative process, including discovery, ideation, empathy, organization, sketching, wireframes, and visual design.', 'Travis Nielsen introduces a series of videos on building websites, emphasizing a technical lesson for PHP Academy viewers.', 'The chapter emphasizes the stand-alone nature of the technical lesson, not requiring prior viewing of other videos.']}, {'end': 619.292, 'segs': [{'end': 244.559, 'src': 'heatmap', 'start': 100.106, 'weight': 0, 'content': [{'end': 106.895, 'text': 'you make content, you run Jekyll and you get a whole site of individual static HTML pages.', 'start': 100.106, 'duration': 6.789}, {'end': 114.665, 'text': 'After you get the static pages, you can just upload them to any basic server out there and bada bing, you get a website.', 'start': 107.957, 'duration': 6.708}, {'end': 117.109, 'text': 'This is really awesome and exciting for a few reasons.', 'start': 114.866, 'duration': 2.243}, {'end': 123.531, 'text': "Number one, because your server doesn't need to talk to a database upon a page request, it's a lot faster.", 'start': 117.509, 'duration': 6.022}, {'end': 128.413, 'text': 'Number two, because there is no database, your site will be a lot more secure.', 'start': 123.951, 'duration': 4.462}, {'end': 129.812, 'text': "There's no way to hack it.", 'start': 128.493, 'duration': 1.319}, {'end': 132.554, 'text': "And also because there's no database, there's less parts.", 'start': 130.233, 'duration': 2.321}, {'end': 137.576, 'text': 'Fewer parts means fewer things that can go wrong, so that means less maintenance.', 'start': 133.254, 'duration': 4.322}, {'end': 141.837, 'text': "Fewer parts to maintain also means there's fewer things to pay for.", 'start': 138.496, 'duration': 3.341}, {'end': 145.638, 'text': 'So Jekyll is actually a very cheap way of maintaining a website.', 'start': 142.197, 'duration': 3.441}, {'end': 154.82, 'text': 'In fact, Jekyll websites are hosted for free on the very fast and very reliable GitHub servers as GitHub pages.', 'start': 146.098, 'duration': 8.722}, {'end': 159.241, 'text': 'And finally, Jekyll is blog aware, meaning you can write your content in Markdown.', 'start': 155.38, 'duration': 3.861}, {'end': 163.182, 'text': 'So for bloggers and Markdown enthusiasts, this is awesome.', 'start': 159.301, 'duration': 3.881}, {'end': 174.505, 'text': 'For more information about the extended uses of Jekyll, I recommend you listen to episode number 54 of the Next Web podcast,', 'start': 163.482, 'duration': 11.023}, {'end': 178.566, 'text': 'where Jen Simmons discusses the topic with Young Han and Dave Cole,', 'start': 174.505, 'duration': 4.061}, {'end': 184.768, 'text': "who successfully used Jekyll to power the American President Barack Obama's campaign website last term.", 'start': 178.566, 'duration': 6.202}, {'end': 186.568, 'text': "So it's a very interesting podcast.", 'start': 185.128, 'duration': 1.44}, {'end': 188.589, 'text': 'The link is also in the description down below.', 'start': 186.608, 'duration': 1.981}, {'end': 189.169, 'text': 'Check that out.', 'start': 188.629, 'duration': 0.54}, {'end': 193.386, 'text': 'Jekyll is a Ruby app that you install on your system.', 'start': 191.345, 'duration': 2.041}, {'end': 197.227, 'text': "It just received a big version update and so now it's running on version two.", 'start': 193.566, 'duration': 3.661}, {'end': 201.988, 'text': "On Jekyll's website, there's some really fast and easy instructions on how to get started.", 'start': 197.467, 'duration': 4.521}, {'end': 206.59, 'text': "So we're just gonna follow these right here and set up our first Jekyll site.", 'start': 202.249, 'duration': 4.341}, {'end': 208.891, 'text': 'So the first thing we need to do is install Jekyll.', 'start': 207.25, 'duration': 1.641}, {'end': 212.812, 'text': "So I'm gonna say sudo gem install Jekyll.", 'start': 208.911, 'duration': 3.901}, {'end': 227.594, 'text': "Great, now that Jekyll's installed, we can just check Jekyll to make sure we're up to the latest version.", 'start': 222.332, 'duration': 5.262}, {'end': 234.786, 'text': "So you do that by typing Jekyll-v and it will tell us we're on version 2.0.", 'start': 227.634, 'duration': 7.152}, {'end': 235.156, 'text': '3, great.', 'start': 234.786, 'duration': 0.37}, {'end': 240.758, 'text': 'Okay, the next step is checking here at the quick start instructions to start a new Jekyll project.', 'start': 235.316, 'duration': 5.442}, {'end': 244.559, 'text': "We will cd into our desktop here, that's where I want to put it for now.", 'start': 241.038, 'duration': 3.521}], 'summary': 'Jekyll creates fast, secure, and cost-effective static websites, blog-aware, and easy to set up.', 'duration': 112.706, 'max_score': 100.106, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc100106.jpg'}, {'end': 310.286, 'src': 'heatmap', 'start': 252.56, 'weight': 0.739, 'content': [{'end': 256.322, 'text': 'now, portfolio is the name of the project.', 'start': 252.56, 'duration': 3.762}, {'end': 259.444, 'text': "now it's created a new project on my desktop called portfolio.", 'start': 256.322, 'duration': 3.122}, {'end': 263.627, 'text': 'so if i look right here, i have the project sitting there.', 'start': 259.444, 'duration': 4.183}, {'end': 272.772, 'text': 'great. so um, i also want to cd into the project.', 'start': 263.627, 'duration': 9.145}, {'end': 277.395, 'text': "okay, now that i'm inside of my project folder, i can write jekyll serve.", 'start': 272.772, 'duration': 4.623}, {'end': 281.117, 'text': "And now Jekyll is running and it's working.", 'start': 278.676, 'duration': 2.441}, {'end': 287.421, 'text': "it's compiling all those files we talked about earlier into a workable site structure.", 'start': 281.117, 'duration': 6.304}, {'end': 291.443, 'text': "And it also set up a server here and that's gonna be at port 4000.", 'start': 288.081, 'duration': 3.362}, {'end': 298.493, 'text': 'So if I go over to my browser and I type localhost 4000.', 'start': 291.443, 'duration': 7.05}, {'end': 300.295, 'text': 'Now we have our Jekyll site up and running.', 'start': 298.493, 'duration': 1.802}, {'end': 303.078, 'text': 'And we can see this Jekyll theme, which is the default theme.', 'start': 300.515, 'duration': 2.563}, {'end': 304.58, 'text': "Honestly, it's quite nice.", 'start': 303.098, 'duration': 1.482}, {'end': 308.404, 'text': 'But there are tons of free Jekyll themes out there.', 'start': 305.321, 'duration': 3.083}, {'end': 310.286, 'text': 'And some of them are quite nice also.', 'start': 308.784, 'duration': 1.502}], 'summary': "Created 'portfolio' project, running jekyll site on localhost:4000.", 'duration': 57.726, 'max_score': 252.56, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc252560.jpg'}, {'end': 308.404, 'src': 'embed', 'start': 278.676, 'weight': 6, 'content': [{'end': 281.117, 'text': "And now Jekyll is running and it's working.", 'start': 278.676, 'duration': 2.441}, {'end': 287.421, 'text': "it's compiling all those files we talked about earlier into a workable site structure.", 'start': 281.117, 'duration': 6.304}, {'end': 291.443, 'text': "And it also set up a server here and that's gonna be at port 4000.", 'start': 288.081, 'duration': 3.362}, {'end': 298.493, 'text': 'So if I go over to my browser and I type localhost 4000.', 'start': 291.443, 'duration': 7.05}, {'end': 300.295, 'text': 'Now we have our Jekyll site up and running.', 'start': 298.493, 'duration': 1.802}, {'end': 303.078, 'text': 'And we can see this Jekyll theme, which is the default theme.', 'start': 300.515, 'duration': 2.563}, {'end': 304.58, 'text': "Honestly, it's quite nice.", 'start': 303.098, 'duration': 1.482}, {'end': 308.404, 'text': 'But there are tons of free Jekyll themes out there.', 'start': 305.321, 'duration': 3.083}], 'summary': 'Jekyll is running, compiling files, and serving at localhost:4000 with default theme.', 'duration': 29.728, 'max_score': 278.676, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc278676.jpg'}, {'end': 351.794, 'src': 'heatmap', 'start': 323.413, 'weight': 0.769, 'content': [{'end': 327.755, 'text': "I'm going to drag my project into my code editor, and we'll be able to take a look at it.", 'start': 323.413, 'duration': 4.342}, {'end': 338.331, 'text': 'Okay, the first and probably the most important file in the Jekyll structure is this configure YML, this configure YAML document.', 'start': 329.229, 'duration': 9.102}, {'end': 342.192, 'text': 'So it has a bunch of the settings.', 'start': 338.971, 'duration': 3.221}, {'end': 344.032, 'text': "In this case, we're talking about the title, your email.", 'start': 342.272, 'duration': 1.76}, {'end': 346.333, 'text': 'You can write a description.', 'start': 344.152, 'duration': 2.181}, {'end': 351.794, 'text': "There's different settings that you can write here where you want your server to be.", 'start': 347.773, 'duration': 4.021}], 'summary': 'Introduction to jekyll structure with focus on configure yaml file and its settings.', 'duration': 28.381, 'max_score': 323.413, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc323413.jpg'}, {'end': 390.67, 'src': 'embed', 'start': 361.378, 'weight': 8, 'content': [{'end': 365.163, 'text': "Here's all the configuration settings for this config YAML.", 'start': 361.378, 'duration': 3.785}, {'end': 371.911, 'text': "So an example is, if I wanted, let's say my port.", 'start': 366.404, 'duration': 5.507}, {'end': 375.927, 'text': 'to be something out something else other than for 4000.', 'start': 373.226, 'duration': 2.701}, {'end': 380.347, 'text': "I'll write port 8080 or something like that.", 'start': 375.927, 'duration': 4.42}, {'end': 384.008, 'text': "And now when I would restart my server, let's do that right now.", 'start': 380.988, 'duration': 3.02}, {'end': 390.67, 'text': "Let's say command, command or sorry, Ctrl C, Ctrl C to quit, and then restart our server.", 'start': 384.028, 'duration': 6.642}], 'summary': 'Config yaml allows changing port from default 4000 to 8080.', 'duration': 29.292, 'max_score': 361.378, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc361378.jpg'}, {'end': 528.817, 'src': 'embed', 'start': 497.79, 'weight': 7, 'content': [{'end': 503.015, 'text': 'all of your images and your JavaScript and your CSS will move into the site folder.', 'start': 497.79, 'duration': 5.225}, {'end': 509.321, 'text': "So you don't have to touch it, but understand that the site folder is what is the final output.", 'start': 503.396, 'duration': 5.925}, {'end': 511.163, 'text': "It's the product of Jekyll's work.", 'start': 509.361, 'duration': 1.802}, {'end': 517.229, 'text': 'Now the layout folder is another important one.', 'start': 514.827, 'duration': 2.402}, {'end': 521.03, 'text': 'This one will include your main templates.', 'start': 517.289, 'duration': 3.741}, {'end': 528.817, 'text': 'So the default template here includes the structure and just a normal generalized page.', 'start': 521.432, 'duration': 7.385}], 'summary': 'Jekyll organizes files into site and layout folders for final output.', 'duration': 31.027, 'max_score': 497.79, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc497790.jpg'}], 'start': 56.687, 'title': 'Setting up a jekyll-based portfolio and jekyll site', 'summary': "Discusses the process of setting up a one-page portfolio using jekyll, emphasizing its speed, security, cost-effectiveness, and blog-aware capabilities, as well as its use in powering barack obama's campaign website. it also covers the process of setting up a jekyll site, including installation, project creation, server setup, file structure, configuration settings, and folder organization.", 'chapters': [{'end': 193.386, 'start': 56.687, 'title': 'Setting up a jekyll-based portfolio', 'summary': "Discusses setting up a one-page portfolio using jekyll static site generator, highlighting its speed, security, cost-effectiveness, and blog-aware capabilities, along with its use in powering barack obama's campaign website.", 'duration': 136.699, 'highlights': ['Jekyll is a cost-effective way of maintaining a website, as it allows for free hosting on GitHub pages, which is very fast and reliable, and it is blog aware, enabling content writing in Markdown.', 'Using Jekyll for the portfolio website ensures security by eliminating the need for a database, making it less susceptible to hacking and reducing maintenance efforts.', "The speed of Jekyll-generated sites is notable, as the server doesn't need to interact with a database upon page request, resulting in faster loading times.", "The Next Web podcast episode number 54 discusses the extended uses of Jekyll, including its successful implementation in powering Barack Obama's campaign website during his last term, showcasing its versatility and reliability.", 'Jekyll simplifies the website maintenance process by reducing the number of components, leading to fewer potential issues and lower maintenance requirements.']}, {'end': 619.292, 'start': 193.566, 'title': 'Setting up jekyll site', 'summary': 'Covers the process of setting up a jekyll site, including installation, project creation, server setup, file structure, configuration settings, and folder organization with jekyll.', 'duration': 425.726, 'highlights': ["Jekyll is updated to version 2.0.3, and instructions on Jekyll's website are provided for easy installation and setup.", "Creation of a new Jekyll project named 'portfolio' and running the server, which compiles files into a workable site structure and sets up a server at port 4000.", "Explanation of the important file 'configure YAML' and its settings, including the demonstration of changing the server port and understanding different configuration settings.", "Insight into the 'site' folder, which is automatically generated by Jekyll and contains the rendered version of all pages, along with the 'layout' folder containing main templates, and the usage of 'includes' and 'posts' folders for modular code and individual blog entries."]}], 'duration': 562.605, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc56687.jpg', 'highlights': ['Jekyll simplifies website maintenance by reducing components, lowering maintenance requirements.', 'Jekyll ensures security by eliminating the need for a database, reducing susceptibility to hacking.', "Jekyll-generated sites are notably fast, as the server doesn't interact with a database, resulting in faster loading times.", 'Jekyll allows for free hosting on GitHub pages, which is fast and reliable, and is blog-aware, enabling content writing in Markdown.', "Jekyll was successfully implemented in powering Barack Obama's campaign website, showcasing its versatility and reliability.", "Instructions for easy installation and setup of Jekyll version 2.0.3 are provided on Jekyll's website.", "Creation of a new Jekyll project named 'portfolio' and running the server, which compiles files into a workable site structure and sets up a server at port 4000.", "Insight into the 'site' folder, which is automatically generated by Jekyll and contains the rendered version of all pages, along with the 'layout' folder containing main templates, and the usage of 'includes' and 'posts' folders for modular code and individual blog entries.", "Explanation of the important file 'configure YAML' and its settings, including the demonstration of changing the server port and understanding different configuration settings."]}, {'end': 899.959, 'segs': [{'end': 674.973, 'src': 'embed', 'start': 620.413, 'weight': 2, 'content': [{'end': 630.322, 'text': 'Now up here on the top of every content page, not necessarily layouts and templates, but the content pages will all have this block of text above it.', 'start': 620.413, 'duration': 9.909}, {'end': 632.484, 'text': 'And this is called front matter.', 'start': 630.822, 'duration': 1.662}, {'end': 635.967, 'text': 'This area is really powerful when it comes to templating.', 'start': 632.804, 'duration': 3.163}, {'end': 638.654, 'text': 'the templating engine, that is Jekyll.', 'start': 636.653, 'duration': 2.001}, {'end': 646.478, 'text': "All these little things are, I mean, there's a few standard ones like date and title, right, that are very common.", 'start': 639.194, 'duration': 7.284}, {'end': 650.6, 'text': 'But they can be called anything and then just pulled out anywhere in the template.', 'start': 646.798, 'duration': 3.802}, {'end': 657.163, 'text': "So I'll often make a special class name that I'll stick into the body tag of the page.", 'start': 651.02, 'duration': 6.143}, {'end': 663.266, 'text': "And then when I'm writing a post or writing a page, I'll write here, like I'll do this.", 'start': 657.363, 'duration': 5.903}, {'end': 674.973, 'text': "And then when I'm writing this one, I'll say welcome, I'll say post welcome.", 'start': 667.99, 'duration': 6.983}], 'summary': "Jekyll's front matter allows for powerful templating with customizable variables.", 'duration': 54.56, 'max_score': 620.413, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc620413.jpg'}, {'end': 758.646, 'src': 'embed', 'start': 703.089, 'weight': 0, 'content': [{'end': 708.953, 'text': 'And also lower in this template, we can see here that the variables are involved in logic.', 'start': 703.089, 'duration': 5.864}, {'end': 715.277, 'text': 'So if this page has a date, then print the date.', 'start': 709.473, 'duration': 5.804}, {'end': 718.439, 'text': "If this page has an author, then print the author's name.", 'start': 715.757, 'duration': 2.682}, {'end': 721.661, 'text': "And that's when you end your effort there.", 'start': 718.899, 'duration': 2.762}, {'end': 727.261, 'text': 'And you can nest your logic here as well into this whole block.', 'start': 724.016, 'duration': 3.245}, {'end': 729.885, 'text': 'You can make these YAML variables anything you want.', 'start': 727.681, 'duration': 2.204}, {'end': 733.05, 'text': 'They can even include HTML markups.', 'start': 729.905, 'duration': 3.145}, {'end': 737.437, 'text': 'You can start inserting HTML into different pages dynamically.', 'start': 733.09, 'duration': 4.347}, {'end': 741.919, 'text': 'based on the content of the post or page.', 'start': 738.278, 'duration': 3.641}, {'end': 744.821, 'text': 'So that can be really convenient, and you can get kind of clever with that.', 'start': 742.12, 'duration': 2.701}, {'end': 747.802, 'text': 'New to Jekyll 2 is the ability to compile SAS.', 'start': 744.961, 'duration': 2.841}, {'end': 749.502, 'text': 'So let me show you how to get that running.', 'start': 748.242, 'duration': 1.26}, {'end': 750.643, 'text': "That's pretty exciting for me.", 'start': 749.522, 'duration': 1.121}, {'end': 757.245, 'text': "You run over to the CSS folder, and let's just create.", 'start': 752.563, 'duration': 4.682}, {'end': 758.646, 'text': "Let's just change this into SAS.", 'start': 757.245, 'duration': 1.401}], 'summary': 'Jekyll 2 introduces ability to compile sas, allowing dynamic html insertion based on content.', 'duration': 55.557, 'max_score': 703.089, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc703089.jpg'}, {'end': 899.959, 'src': 'heatmap', 'start': 807.102, 'weight': 1, 'content': [{'end': 817.75, 'text': "And inside of my site, I'll have main CSS.", 'start': 807.102, 'duration': 10.648}, {'end': 828.906, 'text': 'Cool So Jekyll now converts into SAS, which is really exciting when we used to have to run SAS in the terminal in parallel with Jekyll.', 'start': 819.211, 'duration': 9.695}, {'end': 831.31, 'text': "Jekyll also does CoffeeScript if you're into that.", 'start': 828.966, 'duration': 2.344}, {'end': 835.845, 'text': "All right, that's it for our tour of the Jekyll static site generator.", 'start': 833.063, 'duration': 2.782}, {'end': 837.186, 'text': 'Hope you enjoyed this video.', 'start': 835.885, 'duration': 1.301}, {'end': 845.392, 'text': "Next week we're going to jump into using Jekyll and start developing the project that we've been working on for the past two or three weeks over on dev tips.", 'start': 837.246, 'duration': 8.146}, {'end': 853.919, 'text': "For more about the project that we set up for today, take a look at this playlist here for all the videos that we've created up to this point.", 'start': 845.593, 'duration': 8.326}, {'end': 859.442, 'text': "after we complete the project, i'll be giving away the site for free to use for yourself.", 'start': 854.199, 'duration': 5.243}, {'end': 864.045, 'text': 'so keep on peeking back on dev tips and checking out the progress there.', 'start': 859.442, 'duration': 4.603}, {'end': 866.726, 'text': 'also, if you want to hear me talk a little bit more about jekyll.', 'start': 864.045, 'duration': 2.681}, {'end': 874.631, 'text': 'um, a while ago i did a collaboration with my friend jonathan on a site that i used jekyll to build, and john had a bad time.', 'start': 866.726, 'duration': 7.905}, {'end': 875.872, 'text': 'john hates jekyll,', 'start': 874.631, 'duration': 1.241}, {'end': 884.015, 'text': 'so last week i visited john and i talked with him about jekyll and see if i could help him to be converted over to the house of little Jekyll lovers.', 'start': 875.872, 'duration': 8.143}, {'end': 889.396, 'text': "To see how that went, click this box right here and there's also a link in the description of the video down below.", 'start': 884.235, 'duration': 5.161}, {'end': 895.438, 'text': 'Thank you so much for watching this video, and a big thank you and much respect goes to Alex of PHP Academy,', 'start': 889.516, 'duration': 5.922}, {'end': 897.838, 'text': 'who keeps on letting me post these videos here.', 'start': 895.438, 'duration': 2.4}, {'end': 899.319, 'text': 'Keep on hacking, guys.', 'start': 898.279, 'duration': 1.04}, {'end': 899.959, 'text': 'Thank you so much.', 'start': 899.359, 'duration': 0.6}], 'summary': 'Jekyll now supports sass, coffeescript, and a project giveaway on dev tips.', 'duration': 70.993, 'max_score': 807.102, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc807102.jpg'}], 'start': 620.413, 'title': 'Jekyll features and usage', 'summary': 'Covers the usage of front matter in jekyll for declaring variables and logic, with examples and flexibility for templating and styling, along with an introduction to new features in jekyll 2, such as compiling sas and running coffeescript, and plans for engagement and collaboration in an upcoming project.', 'chapters': [{'end': 733.05, 'start': 620.413, 'title': 'Understanding front matter in jekyll', 'summary': 'Explains how front matter in jekyll can be used to declare variables and logic for content pages, with examples of custom class names and nested logic, enabling flexible templating and styling.', 'duration': 112.637, 'highlights': ['The front matter in Jekyll allows for declaring variables such as date and title, which can be customized and utilized within templates.', 'Custom class names can be added to the body tag of pages to enable special styling for specific posts or pages.', 'Front matter variables can be included in logic within templates, allowing for conditional printing of content based on the presence of certain variables.']}, {'end': 899.959, 'start': 733.09, 'title': 'Jekyll updates and project preview', 'summary': 'Introduces the new features in jekyll 2, including the ability to compile sas and run coffeescript, and previews an upcoming project with plans for a giveaway and collaboration, aiming to engage the audience and promote further exploration of jekyll.', 'duration': 166.869, 'highlights': ['Jekyll 2 introduces the ability to compile SAS, providing convenience and flexibility in managing CSS files.', 'Jekyll can also handle CoffeeScript, demonstrating its versatility in managing different types of web development files.', 'The speaker previews an upcoming project, offering a site for free use after its completion, and discusses a collaboration to promote Jekyll usage, aiming to engage the audience and encourage further exploration of Jekyll.', 'The speaker shares a collaboration with a friend who initially disliked Jekyll, highlighting the potential challenges and discussions around promoting Jekyll usage.', 'The chapter ends with a thank-you message and acknowledgement to PHP Academy for allowing the speaker to share the video content, emphasizing community engagement and support.']}], 'duration': 279.546, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/iWowJBRMtpc/pics/iWowJBRMtpc620413.jpg', 'highlights': ['Jekyll 2 introduces compiling SAS for managing CSS files.', 'Jekyll handles CoffeeScript, showcasing its versatility in managing web development files.', 'Front matter in Jekyll allows declaring variables for customization and utilization within templates.', 'Custom class names can be added to the body tag for special styling of specific posts or pages.', 'Front matter variables can be included in logic within templates for conditional content printing.', 'The speaker previews an upcoming project, offering a site for free use after its completion.', 'The speaker discusses collaboration to promote Jekyll usage, aiming to engage the audience.', 'The speaker shares a collaboration with a friend who initially disliked Jekyll, highlighting potential challenges.', 'The chapter ends with a thank-you message and acknowledgement to PHP Academy for community support.']}], 'highlights': ["Jekyll-generated sites are notably fast, as the server doesn't interact with a database, resulting in faster loading times.", 'Jekyll ensures security by eliminating the need for a database, reducing susceptibility to hacking.', 'Jekyll allows for free hosting on GitHub pages, which is fast and reliable, and is blog-aware, enabling content writing in Markdown.', 'The series covers the entire creative process, including discovery, ideation, empathy, organization, sketching, wireframes, and visual design.', 'Travis Nielsen introduces a series of videos on building websites, emphasizing a technical lesson for PHP Academy viewers.', 'Jekyll simplifies website maintenance by reducing components, lowering maintenance requirements.', 'Jekyll 2 introduces compiling SAS for managing CSS files.', 'Jekyll handles CoffeeScript, showcasing its versatility in managing web development files.', 'Front matter in Jekyll allows declaring variables for customization and utilization within templates.', 'The chapter emphasizes the stand-alone nature of the technical lesson, not requiring prior viewing of other videos.']}