😮 Cum sa creezi o pagina WEB in 15 minute folosind HTML & CSS ? | Programare Web #1
ฝัง
- เผยแพร่เมื่อ 21 พ.ค. 2024
- Vrei sa faci reconversie profesionala pe Frontend Web Development? Intra aici si incepe cursul gratuit de Web: www.skool.com/webdeveloperiir...
Curios cum sa-ti creezi un Site (in doar 15 minute)? In tutorialul de astazi vorbim despre conceptele de baza in HTML si cum sa iti construiesti o pagina WEB de la 0. #HTML #CSS #JavaScript
00:00 Cum creezi o pagina Web?
1:20 Setarea mediului de lucru - Visual Studio Code
2:17 Prima pagina Web folosind HTML
6:15 Formatarea paginii web cu HTML
HTML (HyperText Markup Language) este un limbaj de markup (marcare) utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser. HTML merge mana in mana cu CSS (Cascadian Style Sheet) care stilizeaza si "coloreaza" pagina web, iar JavaScript este un limbaj de programare care ofera dinamism paginii web.
Participa la cursul de Web Development (HTML, CSS, JavaScript) din cadrul Platformei TeachBit! Inscrie-te aici: teachbit.ro/courses/web-devel...
💻 Materiale utile:
1. Platforma TeachBit - fa primii pasi si invata tehnic tot ce ai nevoie pentru a te angaja in domeniu: teachbit.ro
2. Cartile de IT scrise de Ramon Nastase: bit.ly/CartiIT
3. Webinar - START in Web Development: bit.ly/Web-DevWebinar
Cum este folosit HTML de catre browsere?
Folosind protocolul HTTP (sau HTTPS), serverele web trimit fisierele in format HTML, iar browserele web interpreteaza aceste fisiere oferindu-ne noua posibilitatea de a vedea site-urile in modul in care le vedem astazi.
In concluzie, HTML descrie structura unei pagini web, CSS o stilizeaza, iar JavaScript ii ofera dinamica si varietate.
👀 Daca nu ai vazut primul interviu cu Claudiu Ciumedean, iti las link-ul aici: ✅ • 👨💻 Ce inseamna sa fii...
📌 Iar aici gasesti link-ul catre tool-ul despre care vorbeam in video. Visual Studio Code este un editor de cod util pentru dezvoltarea platformelor web și aplicațiilor cloud. ➡️ bit.ly/CodeVisualStudio
***********************************
▶ [ TUTORIALE ] Invata PROGRAMARE in #Java: th-cam.com/users/playlist?list...
.
▶ [ TUTORIALE ] Invata PROGRAMARE in #Android: th-cam.com/users/playlist?list...
.
▶ [ TUTORIALE ] Invata PROGRAMARE in #Python: th-cam.com/users/playlist?list...
▶ [ TUTORIALE ] Invata PROGRAMARE #Web: th-cam.com/users/playlist?list...
***********************************
Contact: contact@ramonnastase.ro
***********************************
Ti-a placut tutorialul? Atunci te invit sa te ABONEZI la Canal !
/ @teachbit ********🇷🇴Impreuna digitalizam Romania prin Educatie si Tehnologie🇷🇴 TeachBit.ro **********
Misiunea noastra este sa Digitalizam Romania prin educatie si tehnologie. Ne propunem sa ajutăm 100.000 de oamenii sa devina liberi cu ajutorul tehnologiei pornind de la competențe digitale de baza pana la afaceri digital global.
✅ Doar ce ai inceput sa inveti IT? Vezi cartile scrise de Ramon Nastase:
* eBook - Programare cu Java: bit.ly/eBook-Java
* eBook - Programare cu Python: bit.ly/eBook-Python
* eBook - Retele de Calculatoare: bit.ly/eBook-Retele
* eBook - Pachet de 5 Carti - Programare Java, Programare Python, Retele x2, Securitate & Hacking: bit.ly/Pachet-Carti-IT
💻 Afla ce arie din Web Development e potrivita pentru tine in doar 10 minute. Intra aici: bit.ly/QuizFrontendBackend
Ma bucur ca începeți o astfel de serie, mult succes mai departe.
Ești super explici mai bine decât un profesor o faci pe înțelesul tuturor tine-o tot așa👍
Super! Chiar aveam nevoie de un tutorial pentru asa ceva:) Simplu si bine explicat. Bafta!
Bravo baieti,bravo Claudiu, o treaba foarte buna! Il rog pe Claudiu sa isi gaseasca timp, energie si resursele necesare pentru a ne transmite din minunata sa experienta in dezvoltare a unei aplicatii web from scratch (0 to Hero). Curs pe care il astept pe platforma lui Ramon.
Sunteti tari !
Ati fost o rampa de lansare pentru mine.
Multumesc!
Wow Cu ajutorul acestui videoclip am învățat aproape 30%100 cum se crează o pagină html bună treabă 👍👍👍
Mersi mult boss. Mai ajutat mult.
Simplu de inceput!
Asa ca un pont , invatati HTML+CSS+JAVASCRIPT.
HTML- Structura paginii (scheletul)
CSS-Designul paginii ( detalii)
Java Script- Adauga mai multa dinamica ( e sa zi zicem ca un Full-HD la tv)
Bine ca sunt mai multe toolu-ri dar in mare parte Cele trei = Web design developer.
Wow ce fericita is ca ai început videourile cu web design... Am sa urmăresc fiecare video sa învăț.. Esti de admirat.
Sper ca vei mai veni cu mai multe tutoriale cu linii de cod mai avansate
🙋🏾♀️N-am folosit niciodata video cod si nu am stiut cum sa ajung la pagina de pornire(invatand odata cu voi)😬.Tutorialul este foarte fain.!!!
Trebuie sa fac o pagina web ca proiect pentru scoala iar videoclipul vostru chiar m-a ajutat. Multumesc si mult succes in continuare!
cu mare drag!
Sunt incantata de acest video,am reusit sa fac pas cu pas cele explicate de Claudiu si functioneaza si la mine ca la voi.Deci Claudiu a explica bine si pot invata de la el pe mai departe.
Bravo ! ...va voi urmari in continuare.
Multumesc Ramon si Claudiu.
multumesc!❤️
Super tare ! Vrem continuarea ! Faci o muncă excelenta!
Bineee Ramoon
Super . "Theme" programului are un nume specific sau asa este pe Mac ? Eu folosesc Dark Default , insa nu am gasit aceasta tema ca sa o schimb .
Super
De cand am asteptat această serie,voiam sa fac un site si nu aveam cine sa ma invete.
Respect!
Foarte tare. De mult aștept. Mulțumesc pentru acest tutorial, ai respectul meu!
Am o dilema. Am instalat visual studio code pe Windows și când vreau să îl deschis mi se deschide într-o fereastră neagra complet. Ma poți ajuta?
Mișto video desi n-am prea înțeles nimic va felicit pentru cunoștințele voastre!😉
inseamna ca nu esti facut pentru asta tre sa incerci altceva
@@leonardgabriel6887 Nu neaparat.....daca ii place asta se poate documenta mai mult si dupa ce invata anumite lucruri va înțelege usor...👍🏻
Asteptam mai multe episoade cu tutoriale!
Mersi mult. Spuer serie . As vrea macar un video pe saptamana!!!
Super video-ul!!!
exact
Filme și seriale...Niiice
cum pot ca sa impartasesc aceasta pagina web cu altcineva? Ma refer sa dau link-ul altcuiva
la Minutul 4:10, unde ai intrat sa iti apara tabelul acela? Mersi
Yasssss insfarsit
👍 la mai multe videos pe web dev
Foarte tare continuă tot așa..... Dai si cu css
Cred ca mi-ai văzut comentariul din videoclipurile precedente, cu privire la HTML
Cum se face meniul de navigare responsive ? Știe cineva ? Mă puteți ajuta vă rog frumos,as fi tare recunoscătoare, nu știu cum să fac ca continutul web sa apara automat si atunci cand accesam siteul de pe mobi
Cum sa transform o un text dintr-o variabila , intr-o variabila ? In javascript ...
Ramon, poti sa imi spui te rog cum faci indexul ala din visual code ca nu am inteles prea mult
poti apasa tab dupa fiecare linie de cod si iti va indexa cum doresti
eu am inteles da cind dau refres la pagina ramine totu la fel ma puteti ajuta
legatura intre html si css dar putin explicata ce face , si mai apoi dupa ce am invatat aceste 2 lucruri, ce facem cu ele, de la simplu la complex cum introducem date fara sa editam de fiecare data pagina html
👍👍
Salut Ramon . As dori sa achizitionez cursuri de programare HTML, CSS si JavaScript . Ai idee de unde as putea achizitiona toate aceste 3 cursuri in limba romana de la un profesor foarte bun?
Salutare. Iti recomand sa te inscrii pe platforma TeachBit. Gasesti acolo toate materialele si cursurile de care ai nevoie pentru partea de Web Development: teachbit.ro/
👨🏻💻
La minutul 4:09 unde a apasat si cum gaseste fisierul ala?
Salut as vrea sa stiu si eu cum salvez dupa ce am scris un cod! Am schimbat numela paginii dar pe Google nu s-a schimbat?
CTRL + S
@@TeachBit Multumesc frumos! As dori sa pot sa va contactez, as dori sa vorbesc ceva cu dvs, daca se poate !
3:40 "tot felul de caractere pe care le poate displeiui", nu era mai simplu si mai corect afisa?
După html css și js nu face și de php ?
Vor urma mai multe tutoriale pe tema asta, nu doar PHP ;)
sal, am o intrebare :cum sa scriu cuvantul"text" in html cu culori diferite ? daca raspunzi astazi dau un like la video+ subscribe
dar pot sa fac asta si in code blocks
Cum al pot găsi am nevoie de o pagina web
Bun tutorial insa eu folosesc sublime text pentru ca la inceput a mers bine VScode insa am avut probleme cu el si m-am enervat foarte rau asa ca eu va recomand si sublime text.
yep, stiu cum e :D
poti castiga ceva bani din asta? sau ofaci acea pagina doar pt tine?
io nu inteleg bag h1 si puntextu si nu mere si dau refresh
Cum salvati?
Salut Ramon la minutul 4:10 unde ai intrat sa iti apara chestia aia ?
Asta tine de OS-ul lui (macOS), daca ai Windows 100% nu va fi asa si la tine...
@@TeachBit pai si unde ar trebuii sa o gasesc daca am winodows?
@@kevinacio947 intri unde ai salvat site ul in folder
@@phantomalexit9970 Salut! am intrat,am dat si pe aplicatie si pe folder ul unde s a instalat si imi apare doar open in aplication nu in google sa dau open si am intrat unde am salvat site ul in foldar si ce fac dupa ca sunt mai multe fisiere.Multumesc!
ce program folosesti pt editare video?
Final cut pro pentru mac sau Premier Pro de la Adobe pentru Windows
ce aplicatie pot folosi pt css? sa nu fie vs code
poti si Notepad, Notepad++ doar ca trebuie sa salvezi in formatul .css
Exemplu: Lucrari.css
Trebuie sa dai in notepad Save As dupa aceea (numele).css
Cu placere!
ce versiune de visual studio code foloseati?
Ultima versiune disponibilă va fi buna pentru tine :)
Am inteles ca pe o pagina trebuie sa existe doar un singur h1. E adevarat ?
Poti sa ai cate elemente h1 doresti tu.
singurele elemente care nu trebuie sa se repete sunt acelea de la inceputul video-ului
Cum o pot distribui altora pagina mea ?Ca sa o poata accesa fara acel fisier
Asta e o metoda: th-cam.com/video/5Mtbv9BOZyI/w-d-xo.html
@@TeachBit multumesc frumos
Unde ai deschis tabelul ala la 4:10?
Asa e pe mac ,pe windous intri unde ai salvat informatiile siteuri si deschizi cu google
de unde a aparut acel index.html in aplicatie?
Ai aflat?
Am inceput sa lucrez si eu in html si javascript. Urmeaza css
Super. Mult spor iti doresc!
@@TeachBit mulțumesc! Dar acum învăț c++ și ma axez doar pe acest limbaj deocamdată
Cum se numeste programa?raspundeti va rog!
Poti face si in notepad sau Notepad++
Meh , e destul de plictisitor , adica toate chestiile astea basic sunt deja pe net , nu prea mai era nevoie de inca un video cu ele , luati si voi o structura de site de tip portofoliu si faceti-o de exemplu, dati idei de proiecte pe care sa le faca singuri cei care se uita la video . Oamenii sunt plictisiti de chestii super basic . . Asta e punctul meu de vedere cel putin.
@@robertnickrevnic Si dupa ce pleaca Claudiu cine se va ocupa in continuare ?
Silviu Dincă Vrei sa inceapa de la coada la cap?
nu inteleg cum il pot urca pe google ma poate lamuri cineva?
drag and drop la fisier in browser
Nici eu daca ai aflat te rog sa ma lamuresti si pe mine.Multumesc!
la 4:57 ....nu inteleg ce vorbesti :/
"cand lucrezi ca profesionist toata treaba cu salvatul fisierului e automatizata de un program special" wtf exista auto save
yep, exista auto save, dar multi incepatori nu sunt constienti de acest lucru.
Eu folosesc sublimetext
Video cum sa ti cumperi un domein pt un site
Lmao , am 12 ani si inteleg toate codurile de acolo xD
👏👏
eu am invvatat de pe solo learn...
prea mult " okeyyyyyyyyyyyyyyyyyy "