Tutorial CSS pentru începători | Tutorial Web Development de la 0

Рет қаралды 61,119

Күн бұрын

Î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

Пікірлер: 58

@doruungureanu9831 Жыл бұрын

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 KZbin în domeniul programării care merita urmărit.

@DevelopmentFactory Жыл бұрын

Mersi mult, Doru!

@padureanuandrei21 Жыл бұрын

Superb explicat, foarte detaliat și un timbru vocal foarte plăcut…jos pălăria domnule !✌🏻

@danielatraistaru8187 Жыл бұрын

Cele mai utile explicatii legate de Web Development le am gasit la tine pe pagina. Multumesc nespus! Ai toata aprecierea .

@DevelopmentFactory Жыл бұрын

🙏 mersi mult și eu, apreciez că ai găsit utile informațiile.

@arkad32 Жыл бұрын

Super bine explicat, multumesc pentru videoclip!

@petruniculita2057 2 жыл бұрын

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!

@alindobrogeanu9458 2 жыл бұрын

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!!👍👍👍

@iuliasag9685 2 жыл бұрын

Foarte bine explicat. Excelent tutorial!

@trandamihai 2 жыл бұрын

Esti fortă! mersi!

@FunLearnTainment Жыл бұрын

felicitari !explici super bine!

@reyzen6177 2 жыл бұрын

bun si de folos,sper si la un tutorial javascript:)xD

@helutu 2 жыл бұрын

Da, ar fi fain.

@sebixtutorials3539 2 жыл бұрын

Vezi ca acum este postat și tutorial de JS

@axradvertising Жыл бұрын

Super tare man tot respectul! 🫵🏅

@dorelbac 7 ай бұрын

Mulțumesc!

@stiriro2140 2 жыл бұрын

Perfect !!!

@kcuf09 Жыл бұрын

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

@DevelopmentFactory Жыл бұрын

CSS e plin de concepte care îți dau brain damage, pot să înțeleg :)). Mersi! Mă bucur că te-a ajutat.

@armandoburuian5550 2 жыл бұрын

mersi mult.!

@madalinav8947 2 жыл бұрын

Multumiiiiiim!!! :)

@andyb2530 Жыл бұрын

Mai am de văzut JS și apoi trec la practică! Mulțumesc mult!

@DevelopmentFactory Жыл бұрын

Spor la treabă!

@andreis8219 2 жыл бұрын

superb !! felicitari :)

@andreis8219 2 жыл бұрын

explici extraordinar , la mai multe chiar si javascript. dar din dar se face rai , spor !

@Eusssebiu 2 жыл бұрын

Nu am cuvinte... Uimitor tutorial! 🙌 Sper să continuați și cu JavaScript 🙏

@DevelopmentFactory 2 жыл бұрын

Sigur. Din păcate in ultimele luni am fost foarte ocupat, dar am început să sa lucrez și la cel de js.

@pasquale19781 Жыл бұрын

@@DevelopmentFactory l

@pasquale19781 Жыл бұрын

@@DevelopmentFactory lol

@mihaelamocanu8216 7 ай бұрын

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?

@lex9119 Жыл бұрын

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!

@chisu4029 2 жыл бұрын

Poți face un episod despre responsive web design?

@alexhalauca1902 Жыл бұрын

Salut nu merge sa pun border ul am scris exact la fel si nu gasesc motivul pt care nu se aplica pe pag tips?

@evapop8806 Жыл бұрын

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?

@TheHakeruDj 2 жыл бұрын

Te rog ceva prezintă un video cum leg wordpress de vs code, mersi anticipat, sunt abonat la canalul tău, imi place ce faci!

@DevelopmentFactory 2 жыл бұрын

Nu înțeleg ce vrei să zici prin "cum leg wordpress de vscode". Vrei să scrii plugin-uri de Wordpress?

@2SaltyRecipes 2 жыл бұрын

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....

@DevelopmentFactory 2 жыл бұрын

Nu are nimeni cum sa te ajute asa. Pune codul in codepen sau orice alt sandbox si scrie url-ul aici.

@2SaltyRecipes 2 жыл бұрын

@@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!

@andreimosoiu9588 Жыл бұрын

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!

@DevelopmentFactory Жыл бұрын

Salut! Nu am idee de ce nu iti apar sugestiile cand incerci sa scrii ceva. Folosesti VS Code, nu?

@andreimosoiu9588 Жыл бұрын

@@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

@weekendplayer5989 Жыл бұрын

Te salut ! Ce sa aleg intre Scrimba si codeacademy ? Sunt ok acestea ? Recomanzi si altceva ptr a incepe sa invat ? Ms 🙏

@DevelopmentFactory Жыл бұрын

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.

@weekendplayer5989 Жыл бұрын

@@DevelopmentFactory Multumesc mult pentru raspuns , a fost de mare ajutor 🙏

@costi1147 Жыл бұрын

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.

@DevelopmentFactory Жыл бұрын

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ă?