Codificarea este vocabular, logică și sintaxă cu părți egale. Codificarea poate părea la început intimidantă, însă, cu practica, este ușor să te simți confortabil cu terminologia, conceptele și structura sa. Înțelegerea codării nu este diferită de a învăța o limbă nouă: folosiți-o suficient de des și veți fi capabili să vorbiți, să gândiți și să scrieți în cod. Totuși, este normal ca începătorii să aibă întrebări. Există multe resurse de codificare disponibile, atât on-line cât și off-line. Întrebați în jur și veți descoperi că nu sunteți singuri - mulți alți oameni învață. La urma urmei, codarea este o educație fără sfârșit. Stăpânește o fațetă sau alta și una nouă se deschide în fața ta.

dummies

Vocabular de codificare

Codificarea are un vocabular extins pe care, pentru profani, li se poate părea o tehnologie impenetrabilă. Indiferent dacă citiți online articole legate de codare sau discutați cu un dezvoltator la locul de muncă, este posibil să auziți cuvinte pe care nu le-ați auzit până acum sau care au un alt sens într-un context de codare. Iată câteva cuvinte de vocabular obișnuite de știut:

Condiții generale de dezvoltare web:

Server: Un computer care găzduiește codul site-ului web și care „servește” codul site-ului web atunci când este solicitat de un computer „client”. Serverele stau de obicei în depozite mari, cu mii de alte servere, și au dimensiuni și putere similare cu computerul dvs. de acasă.

Client: Un dispozitiv utilizat pentru a accesa un site web, inclusiv computere desktop sau laptop, tablete sau telefoane mobile.

Proiectant: Un profesionist artistic care decide cum va arăta și se va simți un site web, împreună cu modul în care utilizatorii vor interacționa cu site-ul web - cum ar fi, de exemplu, clic, glisare, derulare etc.

Cadru de sarma: O ilustrație creată de designeri care arată în detaliu aspectele, imaginile și schemele de culori ale unui site web.

Dezvoltator: Un profesionist in inginerie care scrie cod pentru a transforma wireframe-uri în site-uri web utilizabile. Pe baza tipului de cod scris, dezvoltatorii sunt denumiți front-end, back-end sau stack complet.

În față: Tot ce puteți vedea și faceți clic într-un browser. Dezvoltatorii front-end scriu cod în limbaje front-end precum HTML, CSS și JavaScript pentru a crea aspectul site-ului web.

Back-end: Tot ce se întâmplă în culise pentru a face front-end-ul să funcționeze conform intenției. Dezvoltatorii back-end scriu cod în limbi back-end, cum ar fi Ruby sau Python, pentru a crea funcționalități precum conectarea utilizatorilor, stocarea preferințelor utilizatorilor și recuperarea datelor, cum ar fi comentariile la o fotografie.

Termeni referitori la limbile front-end:

*HTML (Limbaj de marcare hipertext): O limbă utilizată pentru a plasa text, imagini și alt conținut pe o pagină web.

Etichetă HTML: Instrucțiuni HTML, care apar de obicei în perechi. Browserele aplică efecte speciale textului între o etichetă HTML de deschidere și de închidere. De exemplu,

Atribut HTML: Atribute sau parametri pentru etichetele HTML care modifică comportamentul etichetei. Atributele sunt întotdeauna plasate în eticheta HTML de deschidere. De exemplu, href este atributul din următoarea etichetă de ancorare (folosit pentru a crea hyperlinkuri):

CSS (Foi de stil în cascadă): cod care modifică HTML pe paginile web și care controlează aspectul conținutului modificând dimensiunea textului, dimensiunea imaginii și alte atribute.

JavaScript: Cod care adaugă interactivitate și animație paginilor web. JavaScript detectează, de asemenea, evenimente din browser, cum ar fi clicurile mouse-ului, validează introducerea utilizatorului, cum ar fi intrările de text, și recuperează date de pe site-uri web externe.

Variabil: O locație de stocare care primește un nume și care conține date numerice sau text (denumit siruri de caractere) pentru utilizare ulterioară.

Afirmație If (condițională): O instrucțiune de cod care testează o condiție care include de obicei variabile, cum ar fi x și execută codul pe care îl scrieți atunci când condiția este adevărată.

Funcţie: Un nume dat unui grup de declarații de programare pentru o referință și o utilizare ușoare.

Termeni legați de limbile back-end:

Rubin: Un limbaj de programare open-source cel mai cunoscut pentru utilizare în programarea web.

Șine: Un cadru conceput pentru a facilita crearea de pagini web cu Ruby.

Piton: Un limbaj de programare open-source utilizat pe web, în ​​aplicații științifice și pentru analiza datelor.

Referințe și resurse de codificare

HTML, CSS și JavaScript sunt cele mai comune limbaje de codare front-end. Următorul tabel listează câteva resurse online, referințe și tutoriale pentru a vă ajuta să continuați să practicați toate cele trei limbi.

W3Schools: ghiduri de referință pentru HTML, CSS și JavaScript

Foaie de trișare HTML: Cele mai utilizate comenzi HTML

Foaie de cheat CSS: Cele mai utilizate comenzi CSS

Tutoriale HTML: tutoriale și articole pentru web întreținute de Google

Tutoriale CSS: Tutoriale și articole pentru programarea web, cu accent pe CSS

Tutoriale JavaScript: tutoriale și ghiduri de referință pentru JavaScript

Greșeli comune de codificare

Codul nu funcționează? Iată câteva greșeli frecvente care pot împiedica chiar și cel mai experimentat programator. Dacă codul dvs. nu va rula, încercați să derulați această listă de verificare pentru a vedea dacă aveți oricare dintre aceste erori:

Nu aveți o etichetă HTML de închidere după fiecare deschidere de etichetă HTML .

Lipsesc parantezele sau> în HTML.

Lipsesc paranteze, două puncte sau punct și virgulă în CSS, ca în următoarele:

Lipsesc paranteze în JavaScript, mai ales pentru declarațiile if.

Uitând să aveți o pereche de cotații de închidere pentru fiecare pereche de citate deschise.

Având mai multe etichete de deschidere și închidere, etichetă sau etichetă.

Punerea codului HTML în fișierul sau secțiunea CSS și introducerea codului CSS în secțiunea HTML. Dacă codul se ocupă de stil și aspect, este probabil CSS.