9 idee di progetti JavaScript Vanilla per sviluppatori

Blog

I framework vanno e vengono, ma JavaScript rimarrà!



Pertanto, ho elencato nove fantastici progetti che puoi fare per aggiornare le tue abilità, imparare nuove cose su JS e rimanere rilevante nel 2020 e oltre. Tutti sono basati su JavaScript puro, alcuni HTML e alcuni CSS. Puoi aggiungerli al tuo portfolio, mostrarli a reclutatori o potenziali datori di lavoro o tenerli nel tuo GitHub come riferimenti per il lavoro futuro. Per essere chiari: questo non ha lo scopo di insegnarti tutto su JavaScript. Ci sono corsi perfetti per te che coprono JS dalla A alla Z.

Quindi controlla la lista e fammi sapere quale ami di più?



1. E-Commerce JavaScript Tutorial - Carrello della spesa da zero

Scopri come creare un carrello della spesa utilizzando Javascript vaniglia nel corso tutorial JavaScript.



File di installazione: https://github.com/john-smilga/setup-files-js-comfy-house

2. Tutorial del progetto Javascript Vanilla per principianti - App Todo

domande sul colloquio tecnico della scuola flatiron

In questo episodio tratteremo un piccolo progetto dell'intero corso Creative Javascript, una lista di cose da fare in vanilla js.

3. Come costruire una semplice calcolatrice usando JavaScript

Questo è un semplice tutorial sulla calcolatrice che utilizza HTML, CSS e Javascript. La logica è molto semplice con le linee di codice minime possibili. Questo è un tutorial passo passo per principianti. Compreso un design semplice e una logica facile da seguire.

Il link al codice: https://github.com/abarna-codespot/A-simple-Calculator

4. Reti neurali con JavaScript - Corso completo utilizzando Brain.js

Questo corso fornisce un'introduzione pratica alla creazione di reti neurali nel browser e in Node.js utilizzando la libreria JavaScript Brain.js. Per completare le sfide interattive del corso è sufficiente passare alla versione Scrimba: https://scrimba.com/g/gneuralnetworks

⭐️Cosa imparerai ⭐️
Alla fine del corso, sarai in grado di risolvere una serie di problemi diversi utilizzando le reti neurali. Le lezioni non si soffermano su molta teoria, ma piuttosto su come codificare le reti. Ciò significa che il corso è adatto a chiunque conosca JavaScript.

previsione del prezzo delle monete tnb

⭐️Informazioni su Robert Plummer ⭐️
Robert è lo sviluppatore principale della libreria Brain.js. Ha una capacità unica di spiegare concetti complessi in un modo che tutti possono capire. Sentiti libero di contattare Robert tramite Twitter se hai feedback, o vuoi semplicemente ringraziarlo per aver creato questo corso.

Buona fortuna e benvenuto nell'eccitante mondo delle reti neurali!

⭐️Contenuti del corso ⭐️
⌨️ (0:00:00) Introduzione al corso
⌨️ (0:01:46) La nostra prima rete neurale!
⌨️ (0:04:31) Come imparano - Propagazione
⌨️ (0:07:57) Come imparano - Struttura
⌨️ (0:10:09) Come imparano - Livelli
⌨️ (0:14:04) Lavorare con gli oggetti!
⌨️ (0:21:52) Imparare più dei numeri
⌨️ (0:34:21) Esempio: Contatore
⌨️ (0:44:10) Normalizzazione
⌨️ (0:50:35) Esempio: predittore del prezzo delle azioni
⌨️ (0:56:06) Prevedere più passaggi
⌨️ (0:57:43) Esempio: una rete neurale ricorrente che impara la matematica
⌨️ (1:03:56) Esempio: Rilevatore di numeri
⌨️ (1:09:41) Esempio: scrivere un libro per bambini
⌨️ (1:11:28) Esempio: rilevamento del sentimento
⌨️ (1:13:50) Ingressi e uscite RNN
⌨️ (1:17:56) Esempio: apprendimento per rinforzo semplice
⌨️ (1:21:03) Esempio: motore di suggerimenti
⌨️ (1:26:02) Pensieri conclusivi

5. Mini progetto JavaScript | Calcolatrice dei voti degli studenti in JavaScript con codice hindi

6. Costruisci un'app musicale con JavaScript Tutorial

Oggi impareremo come creare un'app musicale da zero con javascript, css e html vaniglia.

In questo progetto javascript vanigliato daremo un'occhiata a come possiamo implementare una traccia audio e aggiungere suoni diversi ad essa.

Questo progetto è consigliato a chiunque sia interessato a imparare da zero progetti di sviluppo web per principianti/progetti javascript.

Cose trattate in questo video:

  • Come aggiungere suoni alla traccia audio
  • Come riprodurre suoni in javascript
  • Aggiunta di colori dinamici alle nostre animazioni.

Materiali utilizzati in questo video:

File di avviamento: https://github.com/developedbyed/vanilla-js-beatmaker

previsione del prezzo della moneta Giove

7. Codifica dal vivo di un gioco di memoria: HTML, CSS, Javascript

Esercitazione sulla codifica di un gioco di memoria Javascript

Questo è un tutorial di programmazione dal vivo in cui ti mostro come costruire un gioco di memoria usando javascript, html e css.

8. Costruisci Tic Tac Toe con JavaScript - Tutorial

dove posso acquistare cripto falò

Imparare lo sviluppo web può essere difficile e noioso, ma non deve esserlo. In questo video diamo un'occhiata alla creazione di un gioco tic tac toe JavaScript avanzato. Questo è un ottimo progetto per chiunque voglia creare un progetto divertente mentre apprende concetti avanzati di JavaScript e CSS.

Materiali/Riferimenti:

Codice GitHub: https://github.com/WebDevSimplified/JavaScript-Tic-Tac-Toe
Codice Penna Codice:

🧠 Concetti trattati:

  • Effetti CSS avanzati al passaggio del mouse
  • Logica di gioco JS avanzata
  • CSS non selettore
  • Costruzione di forme CSS

9. App JavaScript BookList | Nessun framework

Costruiamo un'app completa in JavaScript senza libreria o framework JS, utilizzando classi, archiviazione locale e altro.

Codice:

Guarda la penna App JavaScript BookList di Brad Traversy ( @bradtraversy ) Su CodicePen .

#javascript #web-development #developer

9 idee di progetti JavaScript Vanilla per sviluppatori

Vuoi essere un esperto di JavaScript? Dai un'occhiata a queste 9 idee di progetti per essere presto uno sviluppatore JavaScript migliore. 9 fantastici progetti che puoi realizzare con JavaScript Vanilla