Codificare Pentru Dummies Cheat Sheet - dummies

De către Nikhil Abraham

Codificarea este vocabularul, logica și sintaxa părților egale. Codificarea poate părea inițial intimidantă, dar cu practica, este ușor să vă familiarizați cu terminologia, conceptele și structura sa. Înțelegerea codării nu este diferită de a învăța o nouă limbă: folosește-o adesea suficient și vei găsi că e capabil să vorbească, să gândească și să scrie în cod. Totuși, este normal ca începătorii să aibă întrebări. Există multe resurse de codare disponibile pentru dvs., atât online cât și offline. Întrebați-vă și veți descoperi că nu sunteți singuri - mulț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.

Vocabularul de codificare

Codificarea are un vocabular extins pe care laicii îl pot părea ca un techno-bâlbâi impenetrabil. Indiferent dacă citești articole online legate de codare sau vorbesc cu un dezvoltator la locul de muncă, este posibil să auzi cuvinte pe care nu le-ai auzit înainte sau care au alt sens într-un context de codificare. Iată câteva cuvinte vocabulare comune:

Termeni generali de dezvoltare web:
- Server: Un computer care găzduiește codul site-ului web și care "servește" codul site-ului atunci când este solicitat de un computer "client". De obicei, serverele stau în depozite mari cu mii de alte servere și sunt similare în mărime și putere la computerul de acasă.
- Client: Un dispozitiv folosit pentru a accesa un site web, inclusiv computere desktop, laptop, tablete sau telefoane mobile.
- Designer: Un profesionist artistic care decide modul în care un site web va arăta și se va simți, împreună cu modul în care utilizatorii vor interacționa cu site-ul web - cum ar fi, de exemplu, clicuri, mutare, derulare și așa mai departe.
- Wireframe: O ilustrație creată de designeri care prezintă detaliat aspectul, imaginile și schemele de culori ale unui site web.
- Programator: Un profesionist de inginerie care scrie cod pentru a transforma firele de rețea în site-uri utile. Pe baza tipului de cod scrise, dezvoltatorii sunt denumiți ca stack front-end, back-end sau full.
- Front-end: Tot ce puteți vedea și faceți clic într-un browser. Dezvoltatorii din front-end scriu cod în limbi frontale precum HTML, CSS și JavaScript pentru a crea aspectul site-ului.
- Back-end: Tot ce se întâmplă în spatele scenei pentru a face front-ul să funcționeze așa cum a fost intenționat. Dezvoltatorii din back-end scriu cod în limbi de back-end, cum ar fi Ruby sau Python, pentru a crea funcții cum ar fi autentificarea utilizatorilor, stocarea preferințelor utilizatorilor și recuperarea datelor ca comentarii pe o fotografie.
Termeni referitori la limbi frontale:
- * HTML ( Hypertext Markup Language ): 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 închidere. De exemplu, eticheta
  se redă într-un browser ca titlu mare îngroșat și poate fi folosită astfel:
  Dewey bate Truman
  .
- Atribut HTML: Atribute sau parametri pentru etichetele HTML care modifică comportamentul etichetei. Atributele sunt întotdeauna plasate în eticheta de deschidere HTML. De exemplu, href este atributul din următoarea etichetă de ancorare (utilizat pentru crearea de hyperlink-uri):
```
Motor de căutare
```
- CSS : apariția conținutului prin modificarea dimensiunii textului, dimensiunii imaginii și a altor atribute. JavaScript:



Ruby: 


 Un limbaj de programare open-source cunoscut cel mai bine pentru utilizarea în programarea web. Rails:


 Un cadru conceput pentru a facilita crearea paginilor web cu Ruby. Python:


 O limbă de programare open-source utilizată pe web, în aplicații științifice și pentru analiza datelor. Codarea referințelor și a resurselor


HTML, CSS și JavaScript sunt cele mai comune limbi de codare frontală. Următorul tabel conține 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 înșelăciune HTML: Comenzi HTML cele mai utilizate


CSS cheat sheet: Comenzi CSS cele mai utilizate


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


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


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


Coduri greșite


Codul nu funcționează? Iată câteva greșeli obișnuite care pot să evite și cel mai experimentat coder. Dacă codul dvs. nu se va difuza, încercați să rulați această listă de verificare pentru a vedea dacă aveți oricare dintre aceste erori:
Nu are o etichetă HTML de închidere după fiecare etichetă de deschidere HTML.


Paranteze lipsă  în HTML.


Lipsesc acolade, pixeli sau punct și virgulă în CSS, după cum urmează:


h1 {color: blue;}



Să uităm că avem o pereche de perechi de citate pentru fiecare deschizătură de citate.


Aveți 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 referă la stil și aspect, este probabil CSS.


Nu se leagă la fișierul dvs. CSS utilizând eticheta, astfel încât efectele dvs. CSS nu se repetă în browser.


Glumește o parte dintr-o comandă, ca în


, care este incorectă deoarece atributul este scris în src nu scr.

Includerea atributelor în afara etichetei HTML de deschidere. De exemplu,


src = "logo. jpg "este incorect deoarece atributul este în afara etichetei de imagine de deschidere.