În acest tutorial de proiect de dezvoltare web frontend, vă veți îmbunătăți abilitățile cu HTML, CSS, JavaScript, TypeScript și React. Acest videoclip este o „continuare” a videoclipului Bootcamp pentru dezvoltatori Frontend pe care l-am postat de același creator. Cu toate acestea, atâta timp cât aveți o înțelegere de bază a HTML, CSS și JavaScript, puteți începe cu acest tutorial.
🎥 Bootcamp pentru dezvoltare web:
https://www.youtube.com/watch?v=zJSY8tbf_ys/>
✏️ Creat de @zachgoll
Secțiunea 1: Construiește un joc Tic Tac Toe cu Vanilla HTML/CSS/JS
Secțiunea 2: Refactorizați acel joc pentru a utiliza un model MVC și explorați de ce acest model este util
Secțiunea 3: Refactorizați jocul la TypeScript, învățați cum să configurați TypeScript de la zero și de ce este util
Secțiunea 4: Refactorizați jocul la React + TypeScript, explicând cum să configurați React de la zero și explorând de ce React este util și ce probleme rezolvă printr-o abordare Vanilla
💻 Cod: https://github.com/zachgoll/tic-tac-toe-subscriber-refactor
🔗 Postare la care se face referire în curs: https://www.zachgollwitzer.com/posts/scripts-commonjs-umd-amd-es6-modules
🔗 O altă postare la care se face referire: https://www.zachgollwitzer.com/posts/imperative-programming
⭐️ Capitole⭐️
⌨️ (0:00:00) Introducere, resurse și cerințe preliminare
⌨️ (0:07:50) Configurarea proiectului și extensiile VSCode
⌨️ (0:19:29) Construiți interfața de utilizare cu HTML și CSS
⌨️ (1:14:20) Adăugați interactivitate JavaScript la proiect
⌨️ (3:01:19) Introducere în modelul MVC
⌨️ (5:51:56) Aplicație de refactorizare cu TypeScript
⌨️ (5:54:46) Configurarea TypeScript de la zero, care sunt beneficiile?
⌨️ (6:35:56) Începutul refactorării de la Vanilla JavaScript la TypeScript
⌨️ (7:52:25) De ce ar trebui să refactorizați aplicația dvs. la React?
⌨️ (8:01:37) Multe moduri de a configura o aplicație React
⌨️ (8:06:52) Configurarea React de la zero
⌨️ (8:51:45) Inițializarea TypeScript într-o aplicație React de la zero
⌨️ (9:00:56) Refactorizarea aplicației vanilie în aplicația React
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Titlul Erdeniz
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
—
Î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:
- React & TypeScript – Curs pentru începători
- Curs de bootcamp pentru dezvoltare web front-end (JavaScript, HTML, CSS)
- Tutorial de proiect HTML și CSS – Construiți un site web cu rețete
- JavaScript Event #coding #codingshorts
- Cod 15 Proiecte React – Curs complet
- Tutorial pentru site-ul portofoliu – Dezvoltare front-end cu HTML, CSS, JavaScript
- 🚀Transfer List -React Interview Challenge #26 -Machine Coding Round #javascript #react #shorts
- Curs de dezvoltare front-end – Creați un blog cu HTML și CSS
- HTML CSS Bootstrap
- Cum să utilizați TypeScript în React