Învață să folosești Gatsby și Strapi pentru a codifica un proiect de portofoliu în acest curs complet. Strapi este cel mai popular CMS open-source Headless și se bazează pe Node.js. Gatsby permite dezvoltatorilor să creeze rapid site-uri web și aplicații statice foarte rapide. Ambele folosesc JavaScript.
🎥 Tutorial Gatsby:
💻 Cod de pornire: https://github.com/john-smilga/strapi-gatsby-porfolio-2020-api
🔗 Vezi proiectul finalizat: https://gatsby-strapi-portfolio-project.netlify.app/
✏️ Curs creat de John Smilga. Urmăriți canalul său de YouTube: https://www.youtube.com/codingaddict
🔗 Site-ul lui John Smilga: https://www.johnsmilga.com
⭐️ Conținutul cursului ⭐️
⌨️ (00:00) Introducere
⌨️ (04:47) Configurare Dev
⌨️ (07:19) Informații pentru starter
⌨️ (20:31) Navbar
⌨️ (27:38) Interogare despre imaginea eroului
⌨️ (31:56) Erou
⌨️ (41:22) Servicii și titlu
⌨️ (49:52) Strapi Info
⌨️ (51:54) Configurare Strapi
⌨️ (56:44) Primul tip de conținut
⌨️ (1:07:09) Primul conținut
⌨️ (1:15:16) Conectați Gatsby la Strapi
⌨️ (1:20:25) Backend de proiect
⌨️ (1:24:37) Interogare de locuri de muncă
⌨️ (1:29:31) Componenta locuri de muncă
⌨️ (1:47:47) Tipul de conținut al proiectelor
⌨️ (1:55:53) Conținutul proiectelor
⌨️ (2:00:24) Interogare proiecte
⌨️ (2:05:54) Configurare proiecte
⌨️ (2:12:04) Lista proiectelor
⌨️ (2:19:34) Componenta Proiect
⌨️ (2:27:15) Pagina de proiecte
⌨️ (2:31:12) Tip conținut blog
⌨️ (2:36:45) Conținutul blogului
⌨️ (2:43:59) Interogare pe blog
⌨️ (2:49:45) Lista blogurilor
⌨️ (2:54:02) Componenta blog
⌨️ (2:58:42) Pagina de blog
⌨️ (3:03:49) Creați pagini de blog în mod programatic
⌨️ (3:10:34) Șablon de blog
⌨️ (3:16:22) Imagine de blog
⌨️ (3:19:02) Strapi Claudinary
⌨️ (3:27:25) Tipuri de prop
⌨️ (3:46:17) Subsol
⌨️ (3:49:24) Bară laterală
⌨️ (3:54:47) Comutare bară laterală
⌨️ (4:00:42) Animație din bara laterală
⌨️ (4:02:58) Pagina de eroare
⌨️ (4:05:54) Despre pagina Introducere
⌨️ (4:08:33) Despre tipul de conținut și datele paginii
⌨️ (4:13:34) Despre pagina
⌨️ (4:22:37) Pagina de contact
⌨️ (4:27:17) Formspree
⌨️ (4:32:13) Browser Gatsby
⌨️ (4:34:56) Fonturi Google
⌨️ (4:37:48) Netlify Deploy
⌨️ (4:42:55) Seo Intro
⌨️ (4:46:36) Alternative SEO
⌨️ (4:48:00) Seo Basic Setup
⌨️ (4:54:29) Interogare SEO
⌨️ (5:01:55) Consultați toate paginile
⌨️ (5:08:18) Plugin Sitemap
⌨️ (5:10:30) Carduri Twitter
—
Î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://freecodecamp.org/news
Cursuri interesante:
- Bootstrap CSS Framework – Curs complet pentru începători
- The Great Gatsby Bootcamp – Curs complet de tutorial Gatsby.js
- Tutorial Gatsby Static Site Generator
- Ghid complet pentru Open Source – Cum să contribui
- Noțiuni de bază ale computerului 7: octeți binari
- Elementele de bază ale computerului 2: Mai mult hardware pentru computer
- Node.js / Curs Express – Construiți 4 proiecte
- Selectarea și modificarea elementelor site-ului (manipulare DOM) – Beau învață JavaScript
- Cum să folosești Visual Studio Code (VSC) când înveți programare web
- 4. Marele Gatsby al lui Fitzgerald