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

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More