Con solo l'esperienza di sviluppo del backend, come posso passare allo sviluppo di frontend (js, html, css)? [chiuso]

Probabilmente inizierei con HTML e CSS di base.
Non è difficile quando sai già come programmare.
Vorrei iniziare creando un progetto personale usando HTML, CSS e Javascript.
Passare a jQuery se si ha familiarità con js.
Penso che il problema sia che stai cercando di ottenere molto allo stesso tempo.

Detto questo, ci sono molte risorse online al giorno d'oggi, per imparare il front-end di base.

La risposta breve è leggere un buon libro su Angular, rileggerlo e poi esercitarti sulla programmazione, in gran parte. Detto questo, se non hai mai lavorato con l'interfaccia utente, può essere una sfida interessante, perché potresti perdere alcune informazioni concettuali fondamentali per aiutarti a mettere tutto insieme.

Quanto segue presuppone che tu sappia cos'è un tag HTML e come funziona un elemento del modulo. Se non lo fai, questo sarà un lungo raggio.

Associazione dati, o "come far sì che il tuo cane si tacchi automaticamente"

Considera il seguente codice HTML:

<span id="name"></span>

Dato che sei uno specialista di server, presumo che tu sappia che, oltre a fornire contenuti come XML e JSON a un client, puoi anche fornire una pagina HTML a un browser. Che cosa succede se si può cercare un valore dal database, inserirlo nel mezzo di tale tag span e quindi inviarlo al browser?

<span id="name">Rufus McGillicutty</span>

Questa è probabilmente la forma più semplice di associazione dati: riempiendo gli elementi di una pagina con il contenuto di un database. E non hai nemmeno bisogno di sapere Javascript o CSS per farlo. I framework Javascript eseguono il binding dei dati manipolando il DOM, anziché incollare le stringhe insieme sul lato server.

Moduli o "Qui è dove digiti il tuo nome".

Se hai un

<form></form>

quindi è possibile ottenere i valori di qualsiasi controllo in tale formato quando l'utente preme il pulsante SUBMIT. Esistono modi per associare tali valori a un oggetto dati e ora hai alcuni dati che puoi inserire nel tuo database.

È solo CRUD, uomo.

Crea, leggi, aggiorna, cancella. Queste sono le operazioni che dovrai supportare. Bene, quelli e cose come "Place Order". Se hai svolto un lavoro significativo sul server, questo dovrebbe già esserti familiare.

Riguarda l'architettura

Spero che tu abbia ascoltato acronimi come MVC e MVVM. Dovresti studiarli, non tanto per capire le complessità esatte, ma per capire meglio perché questi principi organizzativi funzionano così bene per costruire interfacce utente utili e manutenibili.

Dovresti studiare, capire e conoscere i seguenti termini:

Model
View
ViewModel
Controller
Service Layer
Data Layer

Si noti che Angular potrebbe non essere il miglior framework di frontend per imparare per primo. Knockout è probabilmente più adatto a tale riguardo, perché è più semplice e la curva di apprendimento non è così alta. Dovresti anche avere almeno una dimestichezza con jQuery.