Gatsby JS: build blog with GraphQL and React

TEST If you’re learning to program for the first time, or if you’re coming from a different language, this course, JavaScript: Getting Started, will give you the basics for coding in JavaScript. First, you’ll discover the types of applications that can be built with JavaScript, and the platforms they’ll run on.

Next, you’ll explore the basics of the language, giving plenty of examples. Lastly, you’ll put your JavaScript knowledge to work and modify a modern, responsive web page. When you’re finished with this course, you’ll have the skills and knowledge in JavaScript to create simple programs, create simple web applications, and modify web pages.

What you’ll learn

  • Recognize the importance of understanding your objectives when addressing an audience.
  • Identify the fundaments of composing a successful close.
  • Explore how to connect with your audience through crafting compelling stories.
  • Examine ways to connect with your audience by personalizing your content.
  • Break down the best ways to exude executive presence.
  • Explore how to communicate the unknown in an impromptu communication.

Maecenas viverra condimentum nulla molestie condimentum. Nunc ex libero, feugiat quis lectus vel, ornare euismod ligula. Aenean sit amet arcu nulla.

Duis facilisis ex a urna blandit ultricies. Nullam sagittis ligula non eros semper, nec mattis odio ullamcorper. Phasellus feugiat sit amet leo eget consectetur.

Course Content

Environment Settings and First Steps
3 Topics
Introduction
Gatsby Environment Setup and First Project
Setting VSCode To AutoSave
Introduction to Gatsby JS
4 Topics
Gatsby Starters
Creating Pages in Gatsby
Navigation
Gatsby Components
Advanced Concepts & CSS Styles
7 Topics
CSS Global Styles and Module CSS
React-Bootstrap Components
Add Posts to our Homepage
Some Changes to Components
Fixing NavLinks And Footer When Multiple Posts
Adding About Us Page & Contact Us Page
Using Layouts in Gatsby
WordPress Headless CMS & Gatsby
3 Topics
WordPress Source
WordPress Blog Posts Listings
WordPress Single Post Rendering
SEO Optimizations
6 Topics
SEO and Metatags
Installing React Helmet
Site Metadata (SEO)
Building SEO Component
SEO Component Finish
SEO in Layouts
Deploying Project & Optimizing Lighthouse Score
5 Topics
Deploy with Netlify & GitHub
Lighthouse Audit
Github-Netlify Webhook Settings
Optimize Accessibility Score
Perfect Score and FIX of Excerpts
Progressive Web App (PWA) & WordPress Webhooks
2 Topics
(PWA) Progressive Web App Configuration
WordPress Webhooks
Final Quiz
What do you know?