Jekyll: make fast, secure static sites and blogs with Jekyll

Do you want a clean, simple, fast and secure site or a blog and host it free on Github? Jekyll is the best way to go.
4.2 (49 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,921 students enrolled
$19
$45
58% off
Take This Course
  • Lectures 29
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 English

Course Description


Jekyll: static website or a blog with most popular static website generator Jekyll.

Do you want to learn to build sites and blogs with Jekyll? And have a simple solution without the overhead complexity? Site that is ultra fast and is immune to most common attacks?

You've come to the right place.

----------------------------------------------------------------------------------------------------------------

Over 2 hours of content! 1900 students already taking the course.

Take the course and start learning with other satisfied students.

----------------------------------------------------------------------------------------------------------------

Last update: 19th of October: updated to 3.3.0. version of Jekylll

----------------------------------------------------------------------------------------------------------------

Review by S.H.:

This is a great introduction to Jekyll and to Static site generators in general, I'd recommend to anybody, especially developers like me who have struggled with the overhead and complexity of traditional database-based CMSes such Wordpress and Drupal and are looking for simpler way to customize a website and maintain a blog. The skills learned in this course not only apply to Jekyll, but can be immediately used in other static site generators, even those written in different languages, since most of them obscure them beyond the markdown, front matter, and templating engine.

----------------------------------------------------------------------------------------------------------------


Save time and money by creating a website or a blog that is easy to maintain and easy to scale. You might even get a raise or a better job with these new skills!

----------------------------------------------------------------------------------------------------------------

This is a course for designers, programmers, bloggers, basically EVERYBODY with basic knowledge of HTML and CSS.

First we’ll download a free template. And than I’ll guid you trough the features that give Jekyll its strength and flexibility. I'll show you how to add forms, comments and MUCH more. At the end of this course you'll be CONFIDENT in creating ALL sorts of pages and blogs with Jekyll.

----------------------------------------------------------------------------------------------------------------


We’ll learn how to:

  • install Jekyll
  • create a new project
  • start a Jekyll server
  • create layouts
  • separate parts of the page in include files so we can use them on different part of the page
  • configure the Jekyll project
  • how Jekyll works in-depth
  • create a menu
  • create posts for the blog
  • add content to blog
  • add widgets to post
  • set up a post loop
  • set default values
  • set up a form
  • work with external data
  • add comments to blog

----------------------------------------------------------------------------------------------------------------

Review from D.

Jana,It has been fab, I have wanted to mess around with Jekyll for a while and your course gave the ability to do so.

----------------------------------------------------------------------------------------------------------------

Important information before you enroll:

- In case you find the course useless for your career, don't forget you are covered by a 30 day money back guarantee, full refund, no questions asked!

- Once enrolled, you have unlimited, lifetime access to the course!

- You will have instant and free access to any updates I'll add to the course.

- I will give you my full support regarding any issues or suggestions related to the course.

- Check out the FREE info about static sites, static site generators and their benefits to see if Jekyll is the solution you've been looking for.

- Check out other FREE lectures for a course preview.


----------------------------------------------------------------------------------------------------------------

Enroll to the course and start creating ultra fast sites and blogs with Jekyll.

Let's get started NOW!

What are the requirements?

  • basic knowledge of HTML and CSS
  • text editor like Brackets, Sublime or whatever you prefer

What am I going to get from this course?

  • create a website or a blog with Jekyll
  • create layouts
  • use Liquid templating language
  • deploy the page to Github
  • use custom data from external files

What is the target audience?

  • for programmers, designers, bloggers, everybody with the basic knowledge of HTML and CSS
  • everybody who want to create a page or a blog with Jekyll
  • everybody who understands the benefits of a static page (check out the free preview)
  • everybody who wants to host a page on Github

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
02:43

Hi, in this video I'll tell you ore about the course. We'll talk on how to use resources.


Article

You'll understand the benefits of a static page and learn more about static site generators.

Section 2: Jekyll basics - important first steps
Install Jekyll - update to version 3.3.0
Preview
02:06
Create new project with Jekyll - updated
02:47
Jekyll templates
05:33
Section 3: Create a page with Jekyll
06:53

You'll learn about layouts, and learn how to make one and then we'll go trough how to separate parts of the page.

06:35

More about file includes.

04:14

You'll learn how and where to configure a Jekyll project.

05:39

You'll learn how Jekyll works in-depth.

05:19

We'll go trough creating a simple menu.

Section 4: Create a blog with Jekyll
02:13

You'll learn how to create files for the post, we'll go trough naming convention and more.

06:07

We'll be adding content to the blog posts.

06:25

We'll be adding content to the blog posts.

05:35

We'll add simple widgets and learn more Liquid syntax.

03:58

We'll be creating a post loop for the blog.

04:38

We'll set default layout so we don't repeat ourselfs.

Section 5: Jekyll: What about comments, forms, custom data and other dynamic add-ons
09:14

You'll learn how to set up contact form and how to receive posted data to your email.

05:17

You'll learn how to read external data and how to use it on your page or a blog.

1 question

Loading data with Jekyll

08:42

You'll be reading projects for the page from a JSON file.

05:10

You'll learn how to add comments to the blog and how to make a switch to add or remove comments.

Section 6: GitHub pages
05:43

In this video you'll get familiar with GitHub Pages. You/77 learn the basic difference between User and Project pages and you'll learn how to host your page for free on GitHub pages.

12:28

We'll learn how to publish a website on Github Project Pages. and I/ll guide you trough basic git commands.

05:26

Set up a custom domain for the site hosted for free on GitHub pages

Section 7: Archive: old versions
Introduction
Article
02:42

Before anything else you need to have Jekyll up and running. It should only take a few minutes.

In this video you'll learn how to install Jekyll on a mac and you'll receive resources on how to install Jekyll on Windows.

01:53

In this video you'll learn how to create a new project with Jekyll and we'll go trough the file structure of a new project.

04:03

You'll learn the command for starting a Jekyll server.

Section 8: Conclusion & Bonus lecture
Conclusion
Article
Bonus Lecture: Discount coupons for my students
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jana Bergant, Web developer, IT instructor

I 'm web developer with over 16 years of experience. I have track record of success in delivering web solutions. I’ve developed a wide variety of web applications.

I am also an IT instructor teaching web development. I love to teach and inspire my students. And I love making complex web development topics easy to understand.

I'm passionate about teaching web development and I love to teach interesting new trends in development. Like ChatBots right now :)

I’m a self–taught programmer, so I know how frustrating can it be at the beginning with so many resources and not knowing where to turn first. And bugs, all those bugs!

My experience as a self-taught developer with no previous experience has directly influenced my teaching style, and I am now proud to help students reach their goals and helping them with their first steps, first jobs in the world of programming.

Being a web developer has its perks but it can be difficult as well. There never seems to be enough time for what we want to learn and master. Particularly at the beginning thing can get overwhelming.

I'm driven to help people experience the positive side of switching to web development, not the negative.

Sign up to my courses and join me in this amazing adventure today.

Ready to start learning?
Take This Course