Creating, Styling, and Validating Web Forms

Creating, Styling, and Validating Web Forms

Questo corso guiderà gli studenti nella creazione di moduli con HTML, nello stile dei moduli con CSS e nella convalida dei moduli con JavaScript ed espressioni regolari. Il corso introduce inoltre gli studenti alla convalida dei moduli lato server utilizzando Node.js e all'utilizzo di JSON per lo scambio di dati. Inoltre, introduce gli studenti ad Ajax.

Vantaggi

1. Abilità pratiche: Gli studenti impareranno a creare moduli web funzionali e visivamente accattivanti, fornendo loro competenze pratiche per migliorare i loro progetti di sviluppo web.
2. Tecniche di validazione: Il corso fornisce agli studenti le conoscenze per implementare la convalida dei moduli lato client e lato server, garantendo l'integrità e la sicurezza dei dati.
3. Flessibilità e personalizzazione: Comprendendo i vari elementi e attributi del modulo, gli studenti saranno in grado di creare moduli altamente personalizzabili su misura per le esigenze specifiche degli utenti.
4. Esperienza utente migliorata: Le competenze acquisite in questo corso consentiranno agli studenti di progettare moduli intuitivi, migliorando l'esperienza utente complessiva sulle loro applicazioni web.

Programma

1. Moduli HTML
2. Come funzionano i moduli HTML
3. Le <form> Etichetta
4. Get vs. Post
5. Elementi del modulo
6. id e nome Attributi
7. Campi di testo
8. Etichette
9. Tipi di input simili a testo
10. segnaposto Attributo
11. modello Attributo
12. Campi password
13. Campi data e ora
14. Campi numerici
15. Campi di colore
16. Campi Tel, URL ed email
17. Campi di ricerca
18. Campi nascosti
19. Bottoni
20. Pulsante Invia
21. Pulsante di ripristino
22. Bottoni Bottoni
23. Caselle di controllo
24. Pulsanti radio
25. Set di campi
26. Seleziona menu
27. Gruppi di opzioni
28. Aree di testo
29. Convalida del modulo JavaScript
30. Convalida dei moduli lato server
31. Convalida del modulo HTML
32. Accesso ai dati del modulo
33. Convalida del modulo con JavaScript
34. Verifica della validità degli eventi di input e invio
35. Aggiungere messaggi di errore
36. La proprietà del set di dati
37. Convalida delle aree di testo
38. Convalida delle caselle di controllo
39. Convalida dei pulsanti radio
40. Quale pulsante radio è stato selezionato?
41. Convalida dei menu di selezione
42. Dare una possibilità all'utente
43. Modificare i moduli con CSS
44. Layout generale del modulo
45. Pseudo-classi Form-field
46. Applicazione di pseudo-classi ai moduli
47. Pulsanti di opzione, caselle di controllo e set di campi
48. Espressioni regolari
49. Guida introduttiva
50. Metodo Regular Expression test () di JavaScript
51. Sintassi delle espressioni regolari
52. Inizio e fine ( ^ $ )
53. Numero di occorrenze ( ? + * {} )
54. Caratteri comuni ( . \ d\ D\ w\ W\ s\ S )
55. Raggruppamento ( [] )
56. Negazione ( ^ )
57. Sottomodelli ( () )
58. Alternative ( | )
59. Carattere di escape ( \ )
60. Corrispondenze senza distinzione tra maiuscole
61. Riferimenti a ritroso
62. Convalida dei moduli con espressioni regolari
63. Pulizia delle voci dei moduli
64. Un esempio leggermente più complesso
65. Node.js e convalida dei moduli lato server
66. Benvenuto sul lato server
67. Cos'è un server web?
68. Siti Web dinamici
69. Google Chrome DevTools: scheda Rete
70. Codici di stato
71. Benvenuto in Node.js
72. Installazione di Node.js
73. pacchetto.json
74. La nostra prima app
75. Cosa fa npm start?
76. La nostra prima app Web
77. Arresto del server
78. Funzioni Fat-arrow
79. Invio di una risposta con HTML
80. L'icona favicon.ico
81. Routing semplice e pagine 404
82. Consegna di favicon.ico
83. Express - Framework per applicazioni Web Node.js
84. app.js
85. Middleware Favicon
86. File statici
87. Elaborazione di un modulo semplice
88. Convalida del modulo
89. Validatori
90. Concatenamento della convalida
91. non ()
92. WithMessage (messaggio)
93. Validatori personalizzati
94. Ajax
95. Richiesta HTTP XML
96. Asincrono
97. JSON
98. Revisione di Object Literals
99. Array
100. Oggetti
101. Array negli oggetti
102. Oggetti negli array
103. Torna a JSON
104. Sintassi JSON
105. Il JavaScript integrato JSON Oggetto

Prerequisiti richiesti

• HTML di base
• CSS di base
• JavaScript di base

‍