17 OCT 2024 - Welcome Back to TorrentFunk! Get your pirate hat back out. Streaming is dying and torrents are the new trend. Account Registration works again and so do Torrent Uploads. We invite you all to start uploading torrents again!
Lynda and other Courses >>> https://www.freecoursesonline.me/
For Developer Tools & Apps >>> https://ftuapps.com/
Forum for discussion >>> https://1hack.us/
Created by: Wes Bos
Language: English
Duration: 11:57:06
Lessons: 52 Videos
Released: 21/09/2020
Course Source: https://mastergatsby.com/
A Premium JavaScript + CSS Training Course from Wes Bos
Learn to build & style websites with Gatsby, React.js and friends.
• JavaScript
• Gatsby
• React.js
• GraphQL
• Headless CMS
• Progressive Images
• Scoped CSS
• Serverless Functions
Build Awesome Websites
Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way.
Gatsby is a React.js framework that does it all for you. This course will teach you how to build your websites and let Gatsby take care of all the Hard Stuff™.
What Will You Build?
Together we build a website for a local pizza joint called Slick's Slices. The site includes everything you'd run into in building a website today and is meant to be a nice copy/paste reference for the sites you build.
Some of the topics we touch upon are:
• Multiple Data Types
• Custom Fields
• Progressive Images
• Relational Data
• Scoped CSS
• Sourcing Data from a REST API
• Sourcing Data from a CMS
• Tags + Filtering
• Reusable Components
• Dynamically Generated pages
• Pagination
• Dynamic Order Form
• Client side Fetching
• Cross Page State Management
• SEO + Meta Tags
• Emailing of Order
• Building
• Deployment & Hosting
For a full list of all topics covered, see below at the video list!
In this course we also write all the CSS to style the website.
We will learn fun things like CSS Variables, Layouts with Grid (and sub-grid!), Flexbox, clamp(), @supports queries, transforms, scoping CSS, responsive design and so much more!
I've recorded it in such a way that the CSS videos are skippable, if you rather not learn some CSS along the way.
Who is this for?
This course is for anyone who wants to learn how to build modern websites. Whether you want to whip up a brand new personal website, or try out some new tech with your team, you'll learn a ton in this course.
These Kinds of People
Existing React developers - apply your existing skill set and pick up Gatsby quickly
WordPress / Drupal Devs - Bring your existing backend and use Gatsby for the front end.
Students - Build your personal portfolio website with Gatsby
Agency Devs - Agencies love Gatsby because it's quick to build, easy to share code between projects and doesn't require babysitting once it's built because it's compiles to HTML, CSS and JS.
Marketers - SEO friendly, easy to host, great for microsites.
Designers - Know a bit of CSS and JS? Bring your designs to life with Gatsby.
New Developers - Gatsby and React.js are currently some of the best skills to have on your resume
Humans - I've run out of categories, what I'm trying to say here is that you should take the course!
With These Skills[b]
You should be comfortable with writing JavaScript - take my Beginner JavaScript course if you want to get a solid foundation first.
Some basic React skills – writing JSX and components - are good, but you'll be able to pick it up as we go.
Some of the more advanced React stuff - custom hooks, state management, context - is taught as part of this course so you'll learn with us!
All the code for the course is open source and posted on Github: https://github.com/wesbos/master-gatsby
[b]Meet Wes Bos
Wes Bos is a Full Stack Developer, Speaker and Teacher from Canada. He is a course creator, works as an independent web developer and is the co-host of Syntax - a popular web development podcast. Wes has taught over 500 students in 200+ classes and spoken at dozens of conferences around the world. Wes wrote his own bio in the third person for some reason.
Wes is the author of React For Beginners, Advanced React and GraphQL, ES6 for Everyone and Learn Node which together have sold over 55,000 copies. He is also the author of JavaScript30.com, CSSGrid.io, Flexbox.io and Command Line Power User, a set of free video series. 300,000 people have taken at least one of Wes' free video courses.
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
0. Websites you may like/How you can help our Group!.txt
208 B
01 - Welcome.mp4
146.3 MB
02 - Tooling and Starter File Setup.mp4
39.6 MB
03 - What is Gatsby_ Why is it so awesome_ .mp4
38.5 MB
04 - Pages in Gatsby.mp4
23.4 MB
05 - Routing and Navigation in Gatsby.mp4
29.6 MB
06 - Creating Layouts in Gatsby.mp4
45.9 MB
07 - Global Styles.mp4
75.9 MB
08 - Typography.mp4
11.8 MB
09 - Styling the Nav and Logo.mp4
57.9 MB
10 - Styling our Layout.mp4
45.2 MB
11 - Setting up our Headless CMS.mp4
37.7 MB
12 - Creating the Toppings Content Type and custom previews.mp4
29.5 MB
13 - Creating Data Relationships.mp4
57.4 MB
14 - Creating our Person Data Type.mp4
17.1 MB
15 - Custom CMS Inputs in Sanity.mp4
57.7 MB
16 - An intro to gatsby-config and sourcing data.mp4
20.5 MB
17 - Sourcing Sanity Data and GraphQL Introduction.mp4
56.2 MB
18 - Learning Gatsby Queries.mp4
75.2 MB
19 - Gatsby Images.mp4
63.6 MB
20 - Loading in Sample Data.mp4
20.9 MB
21 - Styling our Pizza Grid with CSS subgrid.mp4
58.4 MB
22 - Static Queries and Building the Toppings Filter.mp4
118 MB
23 - Dynamically creating pages with gatsby-node.mp4
80.4 MB
24 - Templating and Styling our Single Pizza Page.mp4
23 MB
25 - Dynamically Creating Toppings Pages.mp4
112 MB
26 - Sourcing Data from an external API.mp4
57.8 MB
27 - Querying, Displaying and Styling the Beers Page.mp4
53.2 MB
28 - Querying and Displaying Pagination.mp4
69.2 MB
29 - Paginating Data in Gatsby .mp4
79.5 MB
30 - Filtering the data based on Pagination.mp4
12.1 MB
31 - Creating a reusable Pagination Component.mp4
81 MB
32 - Single Slicemaster Pages.mp4
39.2 MB
33 - Gatsby SEO and Head Tags.mp4
108 MB
34 - Creating the Order page with Custom Hooks.mp4
109.7 MB
35 - Styling our Order Form.mp4
37.3 MB
36 - Custom Hook for our Order Form.mp4
68.5 MB
37 - Calclulating our Order Total.mp4
21.9 MB
38 - Moving our Order State to React Context with a custom Provider.mp4
51.4 MB
39 - An Intro to Serverless Functions.mp4
46 MB
40 - Modifying our Custom Hook to send the order data.mp4
83.3 MB
41 - Coding our Serverless Function.mp4
52.5 MB
42 - Setting Error, Loading and Success States.mp4
40.5 MB
43 - Creating a Honey Pot to defend against bots.mp4
34.6 MB
44 - Creating an one-off Store Settings Page.mp4
38 MB
45 - Custom Hook for Client Side Data Fetching.mp4
74 MB
46 - Creating a Skeleton Screen while Loading Items.mp4
59.1 MB
47 - Displaying the Home Page Data.mp4
99.4 MB
48 - Building and Deploying our Headless Sanity CMS.mp4
9.5 MB
49 - Building our Gatsby Site.mp4
15.9 MB
50 - Deploying to Netlify.mp4
69 MB
51 - Hosting the Gatsby Website on your own server.mp4
![[FreeCoursesOnline.Me] WesBos - Master Gatsby (Master Package)](https://f.t0r.site/cover/34039937.webp)
