DEV Community

Armando
Armando

Posted on

How to start in web

Pentru a începe în domeniul web development, este important să ai o înțelegere de bază a tehnologiilor fundamentale și să urmezi pași clari care te vor ajuta să construiești o bază solidă.

Ce este Web Development?

Web development este procesul de creare și întreținere a site-urilor web. Este împărțit în două mari categorii:

  • Frontend Development: Partea vizibilă a unui site, cu care utilizatorii interacționează (ex. design, butoane, meniuri).
  • Backend Development: Partea care gestionează funcționalitatea din spatele site-ului (ex. servere, baze de date, logica aplicației). webdev    

Aici sunt Tehnologiile folosite pentru web dev

Frontend Development:

  • HTML (HyperText Markup Language) : Structura de bază a unui site web.
  • Învață cum să creezi pagini web simple și să folosești elemente precum titluri, paragrafe, liste și link-uri.
  • CSS (Cascading Style Sheets): Adaugă stil și design paginilor tale.
  • Explorează concepte precum culori, fonturi, layout-uri și responsivitate.
  • JavaScript: Dă viață site-urilor prin funcționalități interactive.
  • Începe cu lucruri de bază, precum manipularea DOM-ului (Document Object Model), evenimente și animații.

Backend Development:

  • Limbaje de programare: Încearcă limbaje populare precum Node.js, Python (cu framework-uri ca Django sau Flask) sau PHP.
  • Baze de date: Învață cum să stochezi și să gestionezi date folosind MySQL, PostgreSQL sau MongoDB.
  • Servere: Explorează concepte de bază despre servere și API-uri.    

Cu ce să începi pentru prima oare ?

Primul pas ai nevoie de niște instrumente pentru lucra cu aceste tehnologii și să rulezi codul și să vizualizezi rezultatul.

1.Instrumente esențiale

  • Editor de cod: Folosește un editor precum Visual Studio Code, ideal pentru dezvoltarea web.
  • Browser Developer Tools: Învață să folosești instrumentele dezvoltatorului din Chrome sau Firefox pentru debugging.
  • Controlul versiunilor: Începe să folosești Git și GitHub pentru a-ți urmări proiectele și a colabora cu alții.    #### 2.Studiere noțiunilor de bază Internetul este o rețea globală de computere interconectate care comunică între ele printr-o serie de protocoale. Principalele noțiuni sunt:

Ce este Internetul ? vei afla in video de mai jos
https://www.youtube.com/watch?v=Oe3ZpEME0hk

2.1.Protocoale de bază

  • HTTP/HTTPS (HyperText Transfer Protocol / Secure):
  • Este protocolul folosit pentru transferul de date între servere și browsere.
  • HTTPS este versiunea securizată a HTTP, care criptează informațiile folosind SSL/TLS.
  • TCP/IP (Transmission Control Protocol / Internet Protocol):
  • TCP asigură transmiterea fiabilă a datelor, împărțindu-le în pachete și reasamblându-le la destinație.
  • IP este responsabil pentru adresarea și rutarea pachetelor prin rețea.

2.2. Ce este un server și un client

  • Client: Dispozitivul utilizatorului (ex. laptop, telefon) care solicită date de la un server.
  • Server: Computerul care stochează și livrează datele solicitate (ex. site-uri web, API-uri).

2.3 Cum funcționează DNS

DNS (Domain Name System) este “agenda telefonică” a internetului. Transformă numele de domenii (ex. google.com) în adrese IP (ex. 172.217.14.206), pe care computerele le pot înțelege.

2.4 Adrese IP și Porturi

  • Adrese IP: Fiecare dispozitiv conectat la internet are o adresă IP unică (IPv4: 192.168.0.1, IPv6: 2001:db8::ff00:42:8329).
  • Porturi: sunt ca niște “uși” care permit aplicațiilor să comunice (ex. portul 80 pentru HTTP, portul 443 pentru HTTPS).

2.5 Hosting și Domenii

  • Hosting: Serviciul care găzduiește fișierele unui site pe un server.
  • Domeniu: Numele unic al site-ului (ex. www.exemplu.com).   

Pentru studiere acestor noțiuni este esențial sa treci peste acest video explicat in romană și puțin tehnic.
https://www.youtube.com/watch?v=3XlkuUNUuOQ

 

 

Dupa ce înțelegi cum funcționează internetul atunci poți trece să înțelegi dece se folosește HTML CSS JS și relația dintre ele.Nu uita
https://www.youtube.com/watch?v=GoqE_phBstA

Do your career a big favor. Join DEV. (The website you're on right now)

It takes one minute, it's free, and is worth it for your career.

Get started

Community matters

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay