Gatsby.js for beginners
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
- Preview02:02
- Preview02:53
- Preview01:03
- 03:01What is Node.js
- 04:31Installing Node Js
- 05:00What is npm
- 04:09What is Git
- 06:02Installing Git
- 06:12Git configuration
- 04:06Using Git help
- 02:20What is Github
- 02:24How Gatsby works
- 04:15Installing Gatsby
- 02:01Using Gatsby CLI
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 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.