👨🎨 CSS pentru incepatori | Proprietati in CSS | Programare Web #2
ฝัง
- เผยแพร่เมื่อ 15 มิ.ย. 2024
- 🔵 Vrei sa faci reconversie profesionala in Frontend Web Development? Aplica acum pentru o discutie gratuita despre cum sa faci asta posibil si pentru tine in doar 9 luni, pornind de la zero: webdeveloperii.ro/
👉 Incepe Gratuit in Frontend Web Development prin comunitatea de aici: www.skool.com/webdeveloperiir...
In acest tutorial continuam seria de #Web Development si vorbim despre cum sa folosesti limbajul de stilizare - #CSS.
✅ Vezi aici primul tutorial despre cum sa creezi o pagina WEB in 15 minute cu HTML: • 😮 Cum sa creezi o pagi...
CSS (Cascadian Style Sheet) este un standard pentru formatarea si stilizarea elementelor unei pagini web (care are la baza HTML). CSS ofera "viata" unei pagini web in sensul ca poate adauga culoare, textura si poate modifica absolut orice tine de structura care a fost creata prin HTML. HTML descrie structura unei pagini web, CSS o stilizeaza, iar JavaScript ii ofera dinamica si varietate.
Participa la cursul de Web Development (HTML, CSS, JavaScript) din cadrul Platformei TeachBit! Inscrie-te aici: teachbit.ro/courses/web-devel...
💻 Materiale utile:
1. Quiz IT - Ce este potrivit pentru tine - Frontend sau Backend?
2. Cartile de IT scrise de Ramon Nastase: bit.ly/CartiIT
3. Platforma TeachBit - fa primii pasi si invata tehnic tot ce ai nevoie pentru a te angaja in domeniu: teachbit.ro
***********************************
#SUBSCRIBE
Pentru mai multe informatii despre IT si despre ce fac eu, te invit sa ma urmaresti pe urmatoarele platforme:
Facebook: / ramonnastasero
LinkedIn: / nastaseramon
Instagram: / ramonnst
Contact: ramon@ramonnastase.ro
***********************************
Ti-a placut tutorialul? Atunci te invit sa te ABONEZI la Canal !
/ @teachbit
00:00:00 Introducere
00:01:53 Cum adaugi o imagine
00:05:17 Crearea unui CSS
00:09:00 Adaugarea unui ID sau a unei clase
00:12:49 DEF Tool ********🇷🇴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.
💻 Cauti sa pornesti de la zero? Materiale GRATUITE care te vor ajuta sa inveti IT de la zero:
* Afla cu ce arie din IT esti compatibil in doar 4 minute: bit.ly/QuizFrontendBackend
* Afla care este nivelul tau tehnic din IT in doar 8 minute: bit.ly/Test-Tehnic-IT
* Afla cum sa incepi in Programare Web de la zero fara matematica sau experienta anterioara: bit.ly/Webinar-WEB
* Afla cum sa te angajezi ca Programator in mai putin de 12 luni cu un salariu de 4000 RON/luna: bit.ly/START-Programare
* Scapa de stresul muncii pe calculator si castiga 1 ora in plus pe zi prin acest curs GRATUIT de dezvoltare a Competentelor Digitale: bit.ly/Curs-Digital-Gratuit
🎯 Cauti ghidare pas cu pas? Inscrie-te la cursurile TeachBit.ro si bucura-te de rezultate garantate prin completarea formularelor de mai jos:
* Curs de Web Development cu Angajare in IT: bit.ly/START-Web
* Curs de Freelancing in IT pentru Programatori: bit.ly/START-Freelancing
* Platforma de cursuri IT in format de invatare liber: bit.ly/START-Web
✅ 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
🔵 Vrei sa faci reconversie profesionala in Frontend Web Development? Aplica acum pentru o discutie gratuita despre cum sa faci asta posibil si pentru tine in doar 9 luni, pornind de la zero: webdeveloperii.ro/
Sunt foarte fericit că există persoane ca tine Ramon! Persoane care să îți ofere posibilitatea de a învăța și a înțelege la orice vârstă ce înseamnă HTML,CSS sau orice alt limbaj,te susțin! Am 16 ani și am învățat multe de la tine.
Super , acum am aflat cum introduci CSS în HTML , super ...
Abia aștept lecția următoare.
Foarte atractiv si folositor, mersi de video!
eu ma mir dc ai asa putini abonati ...... lumea nu stie ce e frumos
ps: Esti foarte tare
Mersi mult. In timp vor veni și Abonații :)
Super fain. Mulțumesc!
A explicat perfect.
Super tare mulțumim !!!!
Superb explicat 👏🙏
Mai asteptam videoclipuri 😉
Vrei sa inveti mai multe despre IT si Programare? Iti recomand aceste materiale. CLICK AICI 👉 bit.ly/2YpoV6m 💯
Eu folosesc Sublime Text , Din ce am observat , are cam aceleasi functii . Like
Tareeeee
Salut baieti,
React js faceti si tot odata login in propria pagini , email password si cum iti stochezi baza de date sau cum ti-o creezi , cu node js , cum faci ca site-ul tau sa fie cu plati ,cum ar fi amazon , un exemplu.
Sper sa faceți și divizarea paginii cu frame-uri sau diviziuni și poate cum sa avem efecte pe cursor sau background
Este de preferat ca css-ul sa nu fie scris "minified" pentru ca atunci cand o sa ai o clasa/id cu foarte multe proprietati o sa-ti fie greu sa modifici / gasesti o eventuala problema. In rest GJ!
Ramon Nu merge sa ma loghez in java sa imi descarc eclipseu ma poti ajuta
buna,eu am instalat kali linux intr-o masina virtuala dar nu e acelasi lucru ca si cum ar fii instalat pe laptop/pc.Ai putea face un video in care sa ne arati cum sa facem un dual boot?sa instalam doua sisteme pe un hard ,iar atunci cand pornim laptop-ul/pc sa ne intrebe ce sistem de operare sa folosim.Eu cred ca este mult mult mai bine pe un dual boot @ramonnastase??
la 6:27 am o intrebare:
Care e diferenta intre atributul rel si atributul type? ambele inseamna acelasi lucru? nu ar trebui sa fie suficient doar un singur atribut?
Salut! Imi puteti spune ce aplicatie de editare cod HTML / CSS a folosit Claudiu pentru Mac? Multumesc!
ati putea sa faceti un videoclip in care sa explicati cum lucrez in css la 2 pagini? de exemplu am creat o pagina de html cu numele index.html si o fila cu style.css. si vreau sa mai fac o pagina cum ati facut si voi ( lucrari.html) si vreau sa lucrez in css si pe pagina asta, cum fac?
Salut Ramon!
Imi poti spune cum se numeste tema din Visual Studio Code?
Pff... din pacate nu mai retin. Sorry :(
Bună,am o nelămurire foarte mare, dacă putem realiza un site web așa ușor cu wordpress atunci la ce mai folosesc programatorii html și css pt a face un web static ?
Dacă vezi comentariul te rog frumos să mă ajuți cu un răspuns
Sunt foarte bine explicate seriile , dar nu cred ca vor fi duse nici macar la nivelul mediu
Exact! Sunt prea banale... e ca si cum ai citi prefata unei carti si atat... nici macar cuprinsul.
Trebuie sa stii design ca sa faci front-end?
nu web-design - ul este alta sfera
Foarte tare tine.o tot așa...... Daca învăț doar htm si css ma pot angaja si sa am în acelaș timp un salariu bun(>3000lei)?
Majoritatea site-urilor necesită o parte dinamică, unde vei avea nevoie de cel puțin JS sau PHP, un Web Developer nu axează doar pe CSS&HTML :)
Mihai Lucian Soimu Nu. Aproape orice angajator pe lângă Html și Css cere cel puțin cunostinte avansate de JavaScript, frameworks sau limbaje pentru back-end și baze de date. Plus altele care depind de domeniu.
nu e suficient. ori inveti un limbaj de backend ori inveti bine javascript daca vrei frontend sau un vreun framework
Dacă mai înveți și JavaScript, da.
Și te angajezi că frontend developer.
te poti angaja, dar trebuie sa fii bun in machetare, iar salariul nu e cine stie ce, ai nevoie si de un limbaj de programare pentru un salariu mai bun in partea de front-end, de ex. javascript
Ramon am o intrebare catre Claudiu : cum pot sa hostuiesc un site daca am facut deja webul meu?(Cum pot sa il pun pe net (pe google) de ex: siteulmeu.ro/siteulmeu.com etc)
Lory Simplu..Ori free ori cu bani..Metoda free este sa iti faci cont pe github iar aici poti sa iti pui site ul cu ajutorul unor comenzi si setari iar cu bani cumperi un host si iti pui site ul
Dacă ai host nu înseamnă neapărat că îl poți pune pe internet, mai ai nevoie de un singur lucru, un Domeniu WEB, iar după ce ți-l achiziționezi trebuie să mai faci câteva setări pentru stabilirea NS-urilor și tot ce ține de partea DNS ( modul prin care tu accesezi siteulmeu.ro )
Întrebarea asta o am și eu, dacă găsești cum îmi spui și mie
Pai in primul rand îți trebuie un domeniu cumpărat.Pentru a urca site-ul îți trebuie un FTP connector(care face legătura între tine și domeniul tau achiziționat+firma de host) .Pentru ați urca fișierele pe host îți recomand WinSCP sau filezilla.Pentru că useri noi veniți pe site și că să poată vedea index-ul tau trebuie sa adaugi totul în fisier-ul "public_html".Am uitat sa menționez că pentru a face conectarea ți se vor trimite niste date confidențiale pe care ar fi bine sa nu le dezvălui nimănui.O sa ai username,password cu care se face login-ul.Selectezi FTP(File Transfer Protocol) și adaugi totul în fisier-ul "public_html".Sper că te-am ajutat!
Adica ai construit un site si vrei sa-l faci public pe googe nu ? Asta as vrea sa stiu si eu . Iti trebuie server sau ceva ?
mie nu mi se schimba deloc culoarea fundalului indiferent de ce am scris in css
ai adaugat in pagina HTML?
Am o intrebare , cum imi pot personaliza mai mult site-ul web ?
getbootstrap.com/
BUNĂ, ȘI DACĂ VREI CA PAGINA CREATA CARE AI FĂCUT-O SA AJUNGĂ ÎN CĂUTĂRILE GOOGLE(în motoarele de căutare Google) , ADICĂ INTERNAUTII CAUTA UN CONȚINUT DE EXEMPLU REȚETE DE PRĂJITURI ȘI SA DEEA DE PAGINA TA CUM FACEM❓
Nu mi
se schimbă culoarea la background și nici culoarea paragrafulu
Bună Ramon. Aș vrea să încep și eu să fac programare web dar nu știu ce program ar fi mai potrivit. Am avut ocazia să utilizez un program gen "Photoshop" sau "paint" dar nu mai știu cum se numea... Știu doar că iconiță era verde.. ai știi cumva despre ce editor e vorba? Iar dacă nu îmi poți recomanda tu un editor html bun, dar în același timp free?
Cel mai posibil editorul despre care vorbești este ATOM, este un editor ok pentru început, dar așa cum folosesc băieții din clip, poți folosi Visual Studio Code
Sunzuiană Mihai Ți-aș recomanda Atom
atom?
Salut..cum pun o imagine in "me.jpeg"? ca link.urile nu functioneaza am incercat de peste tot..
Copiezi adresa a unui link.
Cum sa micsorez imaginea?!
responsive design
Claudiu are canal de yt?
de extensia la imagine cand o adaugi in cod ai uitat sa zici, dar link-ul nu merge, e bun :)))
Cineva care are experienta in web development mai exact in navigation bar responsive va rog lasati un reply.
poti folosi bootstrap getbootstrap.com/docs/4.0/components/navbar/
Am o întrebare, cum pot să fac pagina publică? astfel încât să o poată vedea oricine de pe telefon sau pc
Marian Kazuhiri caută pe google “Domain for a website” și o să găsești și alte informații utile
pentru inceput iti poti instala un server apache sau nginx pe pc apoi sa faci port forwarding la router pentru a o accesa prin internet
Da si eu vreau sa stiu asta.
si eu is curios cum poti sa publici siteul :)
Iti trebuie o gazduire si un domeniu
Si pe mine mă cheamă nastase
😁🤗