Tutorial CSS pentru începători | Tutorial Web Development de la 0
ฝัง
- เผยแพร่เมื่อ 25 เม.ย. 2024
- Învață CSS și bazele web development de la 0. CSS sau Cascading Style Sheets este modalitatea prin care putem stiliza o pagină web. Așa cum spune și titlul, nu ai nevoie de experiență anterioară pentru a urma acest tutorial. Tot ce ai nevoie pentru a începe călătoria ta cu CSS este să știi și HTML sau măcar bazele, iar din acest motiv, acest tutorial face parte dintr-un playlist în care vei găsi și un tutorial integral de HTML, te sfătuiesc să-l urmărești întâi pe acela.
🧑💻 /* Învață programare GRATIS */ 👇
💻 Web Development - bit.ly/3C10LSR
💻 Tutorial C# începători - bit.ly/3UvfpbU
💻Tutorial Java începători - bit.ly/3xHxxFW
💻Coding Challenges - bit.ly/3R2Lmp9
-----------------------------------------------------------------------------------
🔥🔥/* CURSURI DE PROGRAMARE RECOMANDATE */🧑💻🧑💻
📌 Web Development - bit.ly/3J5p0Dj
📌 Curs Complet Reactjs - bit.ly/3HplC4F
📌 Curs Complet Nodejs - bit.ly/3QYN3Wa
📌 Java Masterclass - bit.ly/3J5XZQ7
📌 Game Development cu Unity - bit.ly/3kwmjAh
📌 C# Masterclass - bit.ly/3Hrq7fp
📌 Curs Complet Python - bit.ly/3j3GRQb
📌 Curs Complet C++ - bit.ly/3iWh78z
-----------------------------------------------------------------------------------
📘 /* CĂRȚI RECOMANDATE */ 👇
📖 Clean Code - Robert C Martin - bit.ly/3DQy2Bc
📖 Clean Architecture - Robert C Martin - bit.ly/3Tsug5Z
📖 Head First Design Patterns - Elisabeth Freeman - bit.ly/3qU4lHW
📖 The Art of Unit Testing - Roy Osherove - bit.ly/3fYJot1
📖 Oracle Certified Associate Java SE 8 Programmer - bit.ly/3BvWghD
📖 Head First JavaScript - Eric Freeman - bit.ly/3jz9xku
📖 Head First Java - Kathy Sierra - bit.ly/3I0iKMg
-----------------------------------------------------------------------------------
🤝 /* DONAȚII */
✅ paypal.me/devfactory
✅ www.buymeacoffee.com/devfactory
✅ revolut.me/bogdanzefj
-----------------------------------------------------------------------------------
🔗 /* LINK-URI UTILE */
▶ developmentfactory.ro
▶ GitHub - github.com/devfact
▶ Facebook - / devfact
▶ Instagram / developmentfactory
▶ Discord / discord
▶ Descarcă Auto Price din Play Store - bit.ly/2GCUVJK
▶ Contact - contact@developmentfactory.ro
0:00 Introducere
2:45 Tool-uri necesare
3:30 Moduri în care putem scrie CSS
9:45 Tipturi de selectori
15:39 Specificitatea în CSS
21:22 Moduri de a adăuga culori
32:37 Margin & Padding
37:25 Unități de măsură
51:04 Poziționare
1:08:08 Pseudo-clase
1:12:06 Pseudo-elemente
1:15:48 încheiere
![[실시간] 전철에서 찍힌 기생생물 감염 장면 | 기생수: 더 그레이](http://i.ytimg.com/vi/4nkFvwxGAfA/mqdefault.jpg)
Apropo de style: ai un stil de a explica foarte util. Mulțumim pentru demersul tău.
P. S. Ai unul din puținele canale de TH-cam în domeniul programării care merita urmărit.
Mersi mult, Doru!
Superb explicat, foarte detaliat și un timbru vocal foarte plăcut…jos pălăria domnule !✌🏻
Cele mai utile explicatii legate de Web Development le am gasit la tine pe pagina. Multumesc nespus! Ai toata aprecierea .
🙏 mersi mult și eu, apreciez că ai găsit utile informațiile.
Super bine explicat, multumesc pentru videoclip!
Super si acest curs, urmeaza de vizionat si cel cu JS! Pacat ca nu prea ai tutoriale si cu ce tine de QA , ar fi fost super!
Salutare!!
Iti multumesc si eu atat pentru episodul anterior cat si pentru acesta..😊😊
Sincer il astept si eu pe cel cu JS !!
Multumim oricum!Te salut!!👍👍👍
Frumos, foarte bine explicat si detaliat. Iti multumesc foarte mult pt acest tutorial, chiar ma ajuta. N-am sa te mint, la 48:57 am luat putin brain damage. :))) Anyway, felicitari, esti printre recomandarile mele! :D
CSS e plin de concepte care îți dau brain damage, pot să înțeleg :)). Mersi! Mă bucur că te-a ajutat.
felicitari !explici super bine!
Foarte bine explicat. Excelent tutorial!
Mulțumesc!
Mai am de văzut JS și apoi trec la practică!
Mulțumesc mult!
Spor la treabă!
Super tare man tot respectul! 🫵🏅
bun si de folos,sper si la un tutorial javascript:)xD
Da, ar fi fain.
Vezi ca acum este postat și tutorial de JS
Nu am cuvinte... Uimitor tutorial! 🙌
Sper să continuați și cu JavaScript 🙏
Sigur. Din păcate in ultimele luni am fost foarte ocupat, dar am început să sa lucrez și la cel de js.
@@DevelopmentFactory l
@@DevelopmentFactory lol
Esti fortă! mersi!
superb !! felicitari :)
explici extraordinar , la mai multe chiar si javascript. dar din dar se face rai , spor !
Buna! Mumtumesc mult pentru video! La pozitionare la min 0:59, la block2, daca i-ai fi setat de la inceput pozitia absolute, atunci el s-ar fi asezat peste block1 sau tot sub block1?
Perfect !!!
mersi mult.!
Salut!
super tare ceea ce faceti.....
Am si eu o intrebare,
tot incerc sa adaug fila cu css langa java si html,insa nu imi apare cu acelasi icon ca al vostru,de aici banuiesc ca nici nu il poate rula...
asadar,mai trebuie instalat cv in Visual Studio Code?
multumesc!
Multumiiiiiim!!! :)
Poți face un episod despre responsive web design?
Bună! După ce scriu codurile în css, nu se vede nici o schimbare, chiar și după ce dau safe. Doar cu html se schimbă culoarea- de exemplu. Știe cineva unde greșesc?
Salut
nu merge sa pun border ul
am scris exact la fel si nu gasesc motivul pt care nu se aplica pe pag
tips?
Te rog ceva prezintă un video cum leg wordpress de vs code, mersi anticipat, sunt abonat la canalul tău, imi place ce faci!
Nu înțeleg ce vrei să zici prin "cum leg wordpress de vscode". Vrei să scrii plugin-uri de Wordpress?
Salut! Foarte tare tutorialul, cat si cel de HTML, inca nu am ajuns la cel de Java (Dar abia astept). Am sesizat ca am o mica problema, ai idee de ce mie nu imi apare acel drop down? Adica dupa ce pun = sau : imi apare direct =" " fara sa am acele sugestii. (trebuind sa le scriu din memorie). Pentru inceput mi-ar prinde bine sa le vad ca sa ma pot juca cu comenzile. Foarte faine tutorialele si clipurile foarte educative. Mersi!
Salut! Nu am idee de ce nu iti apar sugestiile cand incerci sa scrii ceva. Folosesti VS Code, nu?
@@DevelopmentFactory Salut, mersi de raspuns. Da, VS Code folosesc. Ma gandeam ca folosesti ceva extension. O sa caut pe un forum poate gasesc ceva. Mersi mersi! :D
Am si eu o intrebare de incepator. Incerc sa fac un logo in responsive design cu web media queries sa se mute in colt dreapta JOS. Din cate inteleg trebuie sa pun bottom : px; si right: 0px; cu position: fixed sau absolut.
Problema este ca il muta in colt dreapta SUS si nu jos. Am incercat sa ma joc cu alte setari de top/left/right/bottom, dar nu il pot muta decat cumva manual, dar daca o fac manual, nu mai este responsive. Am incercat sa caut pe diferite site-uri de pozitionare, si codul ar fi bun. Am dat si copy+paste la cod din W3School, si la mine tot dreapta sus il pune si nu jos....
Nu are nimeni cum sa te ajute asa. Pune codul in codepen sau orice alt sandbox si scrie url-ul aici.
@@DevelopmentFactory Am rezolvat. O;o, eu prost, aveam al 2lea media query pe imagine si nu am vazut...Multumesc ca ai raspuns totusi si erai gata sa ajuti. Si multumesc de videouri!
Supeeeeer! De JavaScript vei posta in viitorul apropiat??
Da, o sa fie, dar mai dureaza un pic :)
cel mai bine e sa lucrezi cu div-uri
Salut, merita sa cumpar un curs de HTMl si CSS de pe Udemy, ulterior sa ma indrept spre Javascript avand in vedere ca sunt nou in acest domeniu, nu stiu absolut nimic si vreau sa invat partea aceasta de web development.
Salut. Sunt cursuri foarte bune care au zeci de ore și costă 60-70 de lei când sunt reduceri. Mai mult de atât, poți să ceri banii înapoi în 30 de zile dacă nu ești mulțumit. Tu ce zici, merită?
Te salut ! Ce sa aleg intre Scrimba si codeacademy ? Sunt ok acestea ? Recomanzi si altceva ptr a incepe sa invat ? Ms 🙏
Salut. Eu am folosit codecademy destul de mult la inceput, dar acum platforma s-a schimbat destul de mult. Oricare din ele ai alege e ok. Recomand totusi si tutoriale video pe langa, te va ajuta foarte mult. Dar depinde si de modul in care inveti mai usor.
@@DevelopmentFactory Multumesc mult pentru raspuns , a fost de mare ajutor 🙏
buna seara. am intalnit notiunea de css3 - ce inseamna ?imi poate spune cineva ? va rog
e ultima versiune de CSS și cea folosită în tutorial. Vezi sigla pe care o am în thumbnail? Nu seamănă cu un "3"?
@@DevelopmentFactory ok. mersi pt raspuns. ba da
display cand faceti? inca nu le am inteles
Nu înțeleg la ce te referi.
@@DevelopmentFactory dispaly: flexbox, grid etc
Vad ca filelist e bookmarked XD GG
Desigur, unul din primii 1000 de membri, încă din 2007 :)