Gatsby este un cadru pentru crearea de site-uri web și aplicații web extrem de rapide. Produs de React și GraphQL, Gatsby îți oferă tot ce ai nevoie pentru a construi și a lansa următorul tău proiect. În acest tutorial, veți învăța tot ce aveți nevoie pentru a construi și a lansa primul site cu Gatsby. Veți construi un site web de la zero și veți învăța cum să îl implementați în producție.
💻 Curs creat de Andrew Mead. Urmărește-l pe Twitter: https://twitter.com/andrew_j_mead
Cursurile premium ale lui Andrew Mead:
🔗 Node.js (cel mai popular): http://links.mead.io/fccnode
🔗 JavaScript: http://links.mead.io/fccjs
🔗 Reacționează: http://links.mead.io/fccreact
🔗 GraphQL: http://links.mead.io/fccgraphql
⭐️ Conținutul cursului ⭐️
⌨️ 1. Crearea unui site Gatsby
– Marcaj temporal: 0:38
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-02-creating-site.zip
⌨️ 2. Lucrul cu Gatsby Pages
– Marcaj temporal: 14:50
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-03-gatsby-pages.zip
⌨️ 3. Conectarea între pagini cu Gatsby
– Marcaj temporal: 27:00
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-04-linking-pages.zip
⌨️ 4. Crearea componentelor paginii partajate
– Marcaj temporal: 35:56
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-05-shared-components.zip
⌨️ 5. Crearea aspectului paginii Gatsby
– Marcaj temporal: 48:14
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-06-page-layout.zip
⌨️ 6. Styling Gatsby Projects
– Marcaj temporal: 56:13
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-07-styling-gatsby.zip
⌨️ 7. Stilizarea lui Gatsby cu module CSS
– Marcaj temporal: 1:06:49
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-08-css-modules.zip
⌨️ 8. Date Gatsby cu GraphQL
– Marcaj temporal: 1:28:23
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-09-graphql.zip
⌨️ 9. Locul de joacă GraphQL
– Marcaj temporal: 1:47:12
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-10-playground.zip
⌨️ 10. Aprovizionarea conținutului din sistemul de fișiere
– Marcaj temporal: 1:51:32
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-11-file-system.zip
⌨️ 11. Lucrul cu postările Markdown
– Marcaj temporal: 2:03:37
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-12-transform-markdown.zip
⌨️ 12. Generarea de melci pentru postări
– Marcaj temporal: 2:19:00
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-13-creating-pages.zip
⌨️ 13. Generarea dinamică a paginilor
– Marcaj temporal: 2:35:14
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-14-post-pages.zip
⌨️ 14. Redarea datelor postării în șablon de blog
– Marcaj temporal: 2:52:08
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-15-render-post-data.zip
⌨️ 15. Adăugarea de imagini la postări
– Marcaj temporal: 3:03:28
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-16-add-images.zip
⌨️ 16. Noțiuni introductive cu Contentful
– Marcaj temporal: 3:21:19
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-17-contentful.zip
⌨️ 17. Redarea postărilor cu conținut
– Marcaj temporal: 3:38:29
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-18-contentful-posts.zip
⌨️ 18. Pagini dinamice din Contentful
– Marcaj temporal: 3:49:24
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-19-contentful-pages.zip
⌨️ 19. 404 de pagini și Casca React
– Marcaj temporal: 4:10:18
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-20-helmet.zip
⌨️ 20. Instalarea site-ului dvs. Gatsby
– Marcaj temporal: 4:25:38
– Cod: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-21-deploy.zip
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://medium.freecodecamp.org
Cursuri interesante:
- Curs Strapi & GatsbyJS – Proiect de portofoliu
- Tutorial Gatsby Static Site Generator
- 4. Marele Gatsby al lui Fitzgerald
- Gatsby a fost grozav? Marele Gatsby Partea 2: Curs intensiv Literatură engleză #5
- Like Pale Gold – Marele Gatsby Partea 1: Curs intensiv Literatura engleză #4
- Curs React / GraphQL – Creați o aplicație de social media (MERNG Stack)
- Învață GraphQL cu Laravel și Vue.js – Tutorial complet
- Creați un site web de la început până la sfârșit folosind WordPress [Curs complet]
- Cum am învățat să codific în 4 luni & Am un loc de muncă! (Fără diplomă CS, fără Bootcamp)
- Învață React JS – Curs complet pentru începători – Tutorial 2019