Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 3 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Gatsby.js

Gatsby.js for beginners

Learn to build and deploy static websites quickly
Rating: 3.7 out of 53.7 (13 ratings)
2,912 students
Created by Bluelime Learning Solutions
Last updated 7/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Setup Gatsby Development Environment
  • Create Gatsby Site
  • Serve site on Gatsby development server
  • Modify Gatsby Pages
  • Build Gatsby Components and Sub components
  • Utilize props
  • Link pages of Gatsby site
  • Create layout components
  • Component scopped styling
  • Global scope styling
  • Install and configure Gatsby Plugins

Course content

5 sections • 35 lectures • 3h 9m total length

  • Preview02:02
  • Preview02:53
  • Preview01:03
  • What is Node.js
    03:01
  • Installing Node Js
    04:31
  • What is npm
    05:00
  • What is Git
    04:09
  • Installing Git
    06:02
  • Git configuration
    06:12
  • Using Git help
    04:06
  • What is Github
    02:20
  • How Gatsby works
    02:24
  • Installing Gatsby
    04:15
  • Using Gatsby CLI
    02:01

  • Core technologies used with Gatsby
    02:44
  • Create a new gatsby site
    04:41
  • Starting a gatsby development server
    03:37
  • Installing Visual Studio Code
    06:00
  • Preview01:41

  • Exploring Gatsby Starter site
    06:06
  • Modifying the homepage
    06:11
  • Building with Components
    05:53
  • Using sub components
    06:02
  • Using Props
    06:08
  • Linking between pages
    05:59
  • Installing Surge
    06:34
  • Preview06:12

  • Global CSS Styling
    08:31
  • Component scopped styling
    08:21
  • Gatsby Plugins
    10:31
  • Layout Components
    13:20

  • Working with site data in Gatsby
    11:02
  • Querying data with GraphQL
    02:53
  • Accessing File System Data
    07:07
  • Building a page with a GraphQL Query
    10:19

Requirements

  • Basic understanding of : HTML | CSS | JAVASCRIPT
  • Basic understanding of React

Description

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. Gatsby’s rich data plugin ecosystem lets you build sites with the data you want .

Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.

Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.


What you will learn includes:

  • Installing Gatsby

  • Creating a Gatsby site

  • Building components

  • Using sub components

  • Creating and using layout components

  • Modifying pages

  • Using props

  • Linking between  pages

  • Using Gatsby Plugins

  • Using Global Styling

  • Styling Gatsby components

  • Deploying Gatsby Sites



Who this course is for:

  • Beginners to Gatsby
  • Beginners to web development

Instructor

Bluelime Learning Solutions
Learning made simple
Bluelime Learning Solutions
  • 4.1 Instructor Rating
  • 15,616 Reviews
  • 339,289 Students
  • 212 Courses

Bluelime is UK based and creates quality easy to understand  eLearning  solutions .All our courses are 100% video based. We teach hands –on- examples  that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.