Scoala Web
Scoala Web
  • 36
  • 60 982
Exercițiu de interviu: Steagul României în CSS
La proba tehnică a unui un interviu de angajare ți se poate cere să construiești steagul României folosind doar CSS. În funcție de cum rezolvi, poți arăta experiența, atenția la detalii și gândire abstractă.
Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb
Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html
Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe:
Instagram: scoalaweb
Facebook: scoalaweb/
zhlédnutí: 1 831

Video

Background în CSS este mai complex decât crezi
zhlédnutí 107Před 14 dny
În CSS se pot face mai multe cu fundalurile decât îți poți imagina. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: programminggurus Facebo...
Cele mai folosite unități de măsură în CSS
zhlédnutí 75Před 21 dnem
CSS are o sumedenie de unități de măsură prin care putem să dăm dimensiunile și alte proprietăți elementelor. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagr...
Întrebări și răspunsuri despre HTML de la interviuri
zhlédnutí 182Před 3 měsíci
Azi îți răspund la întrebări legate de HTML pe care le-am primit la interviuri tehnice de angajare. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: instag...
Tot ce trebuie să știi despre culori în CSS
zhlédnutí 149Před 3 měsíci
CSS dă culoare paginilor web. Azi învățăm cum dăm acea culoare. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: programminggurus Facebook: ...
Când o proprietate este setată de mai multe ori în CSS
zhlédnutí 63Před 4 měsíci
Atunci când o proprietate a unui element este setată diferit în mai mulți selectori, browserul folosește o serie de reguli pentru a determina valoarea unei proprietăți. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proi...
Combinații de selectori
zhlédnutí 117Před 4 měsíci
Azi învățăm cum combinăm selectorii pe care i-am învățat în lecția trecută pentru a forma noi selectori mai specifici. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe...
Selectori CSS
zhlédnutí 87Před 4 měsíci
Azi învățăm cum selectăm mai multe elemente cărora putem să le dăm proprietăți CSS. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: programm...
CSS pe scurt
zhlédnutí 85Před 4 měsíci
Facem un rezumat legat de ce se poate face în CSS. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: programminggurus Facebook: ...
Tipuri de elemente HTML
zhlédnutí 106Před 5 měsíci
Învățăm cele mai comune tipuri de elemente folosite în HTML. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: programminggurus Facebook: fac...
Cum includem imagini în HTML
zhlédnutí 132Před 5 měsíci
Învățăm cum se introduc imagini în paginile noastre web. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram: programminggurus LinkedIn: www.lin...
Introducere în Web Development - Ancore (link-uri)
zhlédnutí 443Před 5 měsíci
Azi învățăm despre un element pe care îl întâlnim pe aproape orice pagină web: Ancora. Utilizatorii îi spun „link”. Dacă ți-a plăcut această lecție, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: I...
Introducere în Web Development - HTML
zhlédnutí 138Před 5 měsíci
Începem cursul de Web Development cu limbajul pe care se bazează web-ul: HTML Dacă îți sunt de folos informațiile prezentate în acest video, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un proiect întreținut de Programming Gurus. Ne găsești pe: Instagram...
Introducere în Web Development - Cerințe Software și Hardware
zhlédnutí 276Před 6 měsíci
Fiecare meserie are nevoie de unelte specifice. În acest video, vedem ce calculatoare și ce aplicații sunt mai bune pentru programatorii web. Dacă îți sunt de folos informațiile prezentate în acest video, poate ne ajuți să mai facem și altele, cumpărându-ne o cafea: ko-fi.com/scoalaweb Cursul nostru de Web Development: czcams.com/play/PLaJiOUIMDSh66OC9WoPrmcICFxWm_P1kp.html Școala Web este un p...
🇷🇴 Introduction to Web Development - The Languages
zhlédnutí 337Před 6 měsíci
🇷🇴 Introduction to Web Development - The Languages
Ce înseamnă Front-End și Back-End Web Developer
zhlédnutí 166Před 6 měsíci
Ce înseamnă Front-End și Back-End Web Developer
Permisiuni pe Linux și MacOS
zhlédnutí 471Před 7 měsíci
Permisiuni pe Linux și MacOS
Pagină, Site, sau Aplicație web. Care e diferența?
zhlédnutí 370Před 7 měsíci
Pagină, Site, sau Aplicație web. Care e diferența?
Cum sunt organizate calculatoarele (dosare și fișiere)
zhlédnutí 96Před rokem
Cum sunt organizate calculatoarele (dosare și fișiere)
Cum activezi tastatura cu diacritice pe Windows
zhlédnutí 3,6KPřed rokem
Cum activezi tastatura cu diacritice pe Windows
🇷🇴 Using loops (Cum repeți instrucțiuni de programare - while și variabile)
zhlédnutí 656Před rokem
🇷🇴 Using loops (Cum repeți instrucțiuni de programare - while și variabile)
🇷🇴 Your first lines of code (Primele instrucțiuni de programare)
zhlédnutí 701Před rokem
🇷🇴 Your first lines of code (Primele instrucțiuni de programare)
🇷🇴 Writing our own instructions (Cum ne creăm propriile instrucțiuni de programare - funcții)
zhlédnutí 395Před rokem
🇷🇴 Writing our own instructions (Cum ne creăm propriile instrucțiuni de programare - funcții)
🇷🇴 Learn programming with a sheep
zhlédnutí 920Před rokem
🇷🇴 Learn programming with a sheep
🇷🇴 What is computer programming?
zhlédnutí 1,3KPřed rokem
🇷🇴 What is computer programming?
🇷🇴 Decisions (Decizii în programare - if, else)
zhlédnutí 750Před rokem
🇷🇴 Decisions (Decizii în programare - if, else)
Canva Workshop
zhlédnutí 88Před rokem
Canva Workshop
Expresii Regulate [Workshop]
zhlédnutí 189Před rokem
Expresii Regulate [Workshop]
Cum a fost inventat web-ul
zhlédnutí 139Před 2 lety
Cum a fost inventat web-ul
De la Miorița la Python
zhlédnutí 1,2KPřed 2 lety
De la Miorița la Python

Komentáře

  • @smoke12785
    @smoke12785 Před dnem

    Foarte tare abordarea cu gradient. Cu cat urmaresc mai mult content de CSS, cu atat realizez ca mai am de studiat pe partea aceasta de gradiente si animatii si efecte speciale. Eu m-am gandit la pseudo elemente, doar ca elementul referinta sa aiba pozitia relativa si culoarea galbena si pseudo elementele cu content string empty pentru a putea exista, pozitia absoluta. Astfel merge cu left si cu transform sa fie asezat exact la final elementul rosu, iar cel albastru fara positioning va sta la inceput. Amandoua pseudo elemente ar avea 100% inaltimea parintelui, si latimea o treime din 100%, iar elementul galben o latime dictata de o variabila, si aspect ratio de 3/2 pentru respectarea dimensiunilor unui steag.

  • @bogdandiaconu9621
    @bogdandiaconu9621 Před 3 dny

    Eu cred ca sunt intern ca as fi facut cu display flex pe container, flex 1 pe copii :))

    • @scoalaweb
      @scoalaweb Před 2 dny

      Este o soluție similară celei cu grid, pe care am prezentat-o eu. Sper că te-au ajutat celelalte rezolvări.

  • @kpaxgo
    @kpaxgo Před 3 dny

    Un canal educativ care sper sa creasca, intrebarile retorice ma amuza in rumegarea continutului video.

  • @vsnyk
    @vsnyk Před 4 dny

    Div galben, ::before albastru, ::after roșu.

  • @constantamuresan9280
    @constantamuresan9280 Před 15 dny

    Mulțumesc, mi-a fost de folos!

  • @BrawlStarsFYP
    @BrawlStarsFYP Před 25 dny

    7:20

  • @Vlad_gogea
    @Vlad_gogea Před měsícem

    Foarte tare sceneta! 😂😅

  • @bobmichael8735
    @bobmichael8735 Před 3 měsíci

    ai putea face o serie de tutoriale pentru react ?

    • @scoalaweb
      @scoalaweb Před 3 měsíci

      Da. Te interesează un subiect anume legat de React sau în general un curs?

    • @bobmichael8735
      @bobmichael8735 Před 3 měsíci

      ar fi dragut un curs! Ai putea face un curs in care sa construiesti o aplicatie fullstack cum ar fi un dashboard,mi-ar placea foarte mult.

    • @scoalaweb
      @scoalaweb Před 3 měsíci

      Sper să facem. Sunt alte subiecte pe care vreau să le acoperim înainte, așa că nu știu când vom ajunge la React.

  • @PatrascuDamian
    @PatrascuDamian Před 3 měsíci

    sunt foarte bucuros ca te imparti si cu alt cineva cu cunostintele tale ...

  • @Davidpro-nl5mz
    @Davidpro-nl5mz Před 3 měsíci

    Numar de telefon , vreau curs 1 vs 1 , platesc

    • @scoalaweb
      @scoalaweb Před 3 měsíci

      Nu cunosc suficient Python pentru a face coaching privat, dar dacă te interesează Web-Development sau JavaScript, îmi poți lăsa mesaj pe LinkedIn: www.linkedin.com/in/vladutcornel/

  • @alexandruistratie8485
    @alexandruistratie8485 Před 4 měsíci

    for(i=1;i<=12;i++) { while( canMove() ) { move() } turnLeft() turnLeft() turnLeft() } move();

  • @RalucaDumitrescupsi
    @RalucaDumitrescupsi Před 4 měsíci

    Multumesc! Foarte informativ.

  • @Red_Dude12
    @Red_Dude12 Před 4 měsíci

    Multumesc!Am reusit sa invat putin sa programez

  • @micumirela4121
    @micumirela4121 Před 4 měsíci

    pfoai...fain curs.Multumim din suflet

  • @user-ms5ip1ck4w
    @user-ms5ip1ck4w Před 5 měsíci

    Mulțumesc ! Chiar mi-a fost de ajutor !!

  • @user-lo4zm6ob1q
    @user-lo4zm6ob1q Před 5 měsíci

    gata! am gasit

  • @littlecrochet2022knitt
    @littlecrochet2022knitt Před 5 měsíci

    Frate nici nu am visat ca la 56 de ani voi fi interesata de programari.Este foarte captivant totodata dificil ,cred

  • @lilly9511
    @lilly9511 Před 5 měsíci

    Multumesc foarte mult!!

  • @fosfor2272
    @fosfor2272 Před 5 měsíci

    Foarte frumos videoclipul <3

  • @valentincristianmoise4906
    @valentincristianmoise4906 Před 6 měsíci

    bine explicat,

  • @iancudorin3935
    @iancudorin3935 Před 6 měsíci

    Daca e sa va tineti de treaba eu clar voi fi prezent la fiecare video, cat de des vor aparea noi video?

    • @scoalaweb
      @scoalaweb Před 6 měsíci

      Sperăm să producem câte un video în fiecare săptămână.

  • @DevSchoolRo
    @DevSchoolRo Před 6 měsíci

    Ai făcut o introducere foarte bună despre ce înseamnă partea de Frontend din Web Development. Spor la treabă în continuare 👍

  • @DnkCode
    @DnkCode Před 6 měsíci

    Care va fii prețul cursului?

    • @scoalaweb
      @scoalaweb Před 6 měsíci

      Va fi publicat gratuit pe CZcams și în versiune scrisă pe site.

  • @vaideancristina8329
    @vaideancristina8329 Před 6 měsíci

    Da,as dori sa faci videouri despre js

  • @Wczjwkk0382
    @Wczjwkk0382 Před 7 měsíci

    Foarte buna initiativa. Mult succes pe viitor!

  • @dorolo
    @dorolo Před 7 měsíci

    chiar era necesar un video pentru asta?

  • @LucianaIleanca
    @LucianaIleanca Před 7 měsíci

    Foarte fain!!

  • @PAULCodesSphere
    @PAULCodesSphere Před 7 měsíci

    Salutare! La min 7:30 spui că setezi variabila din nou, însă de această dată nu mai introduci var, ci direct free. Se poate reseta variabila fără codul var? Mulțumesc mult!

    • @scoalaweb
      @scoalaweb Před 7 měsíci

      Cu var se creează o variabilă. Cu egal (=) se setează valoarea acelei variabile. Sunt două lucruri distincte. Se pot combina cele două operații, de aceea avem mai sus `var free = ...`. Mai târziu, când facem doar `free = ...`, nu mai avem nevoie să creăm acea variabilă, fiind creată deja. Doar îi setăm noua valoare.

    • @PAULCodesSphere
      @PAULCodesSphere Před 7 měsíci

      Mulțumesc!@@scoalaweb

  • @PAULCodesSphere
    @PAULCodesSphere Před 7 měsíci

    Salutare! Multumesc pentru tot ceea ce faceti, e un mare ajutor. Am si eu o nelamurire. La minutul 5:50. Nu pot sa inteleg de ce Miorita executa instructiunile de turnRight desi conditia if era falsa. Cele doua randuri libere au rol de a separa blocurile?

    • @scoalaweb
      @scoalaweb Před 7 měsíci

      IF are efect *doar* asupra instrucțiunii imediat următoare ( _move_ ). Instrucțiunile care urmează apoi se execută indiferent de condiția care a fost la IF. Rândurile libere nu au efect asupra codului - le-am pus doar pentru a fi mai ușor de urmărit.

    • @PAULCodesSphere
      @PAULCodesSphere Před 7 měsíci

      Multumesc mult!@@scoalaweb

  • @lenacika1000
    @lenacika1000 Před 8 měsíci

    Multumesc, foarte interesant

  • @cybercat_11
    @cybercat_11 Před 8 měsíci

    Mulțumesc mult pentru informații 👍

  • @opressilviu8264
    @opressilviu8264 Před 9 měsíci

    Ai zis sa folosim un singur IF si am facut asa if (! canMove()) { turnLeft() move() turnRight() move() move() move() }

    • @scoalaweb
      @scoalaweb Před 9 měsíci

      Dacă Miorița nu are gard în față, ar fi mai eficient să faci doar `move()` de trei ori. Trebuie să te gândești cum o duci la iarbă cât mai rapid și atunci când are gard, și când nu are.

  • @ovidiulucianfilip8730
    @ovidiulucianfilip8730 Před 11 měsíci

    Aici imi da cele mai mari batai de cap si il rulez de mai multe ori pentru al intelege .

  • @HateganCristian
    @HateganCristian Před 11 měsíci

    Salutare! E bine asa ? Aparent merge... reset() var i=0; while (i<=12) { while (canMove()) move() if (i<12) turnRight() i=i+1 }

    • @scoalaweb
      @scoalaweb Před 11 měsíci

      Interesant. Nu m-am fi gândit la această soluție. Poate încerci să transformi primul while în for (vezi mai târziu în video). "for" se folosește de obicei când ai un număr cunoscut de pași.

  • @HateganCristian
    @HateganCristian Před 11 měsíci

    Salut! E bine asa ? reset() if(!canMove()) { turnRight() turnRight() turnRight() move() turnRight() } move() move() move()

  • @galinabacal7096
    @galinabacal7096 Před 11 měsíci

    Super...ceva aseamanator cu scratch...

  • @bogdandaniel6801
    @bogdandaniel6801 Před rokem

    Foarte frumos si util cursul, ajuta mult un incepator sa inteleaga mai bine programarea.

  • @youjustgotrickrolled3843

    cred ca te plac for real mersi frumos pentru tutorial

  • @ferno9332
    @ferno9332 Před rokem

    if(CanMove()) { move() move() move() } { TurnLeft() move() TurnRight() move() move() move() } 😁

    • @scoalaweb
      @scoalaweb Před rokem

      În multe limbaje de programare, literele mari și mici sunt distincte. Trebuie să ai grijă să scrii denumirile exact așa cum sunt (ex. *canMove* , *turnRight* )

  • @lucanufivem
    @lucanufivem Před rokem

    poate pe viitor faci un tutorial full python <3

  • @khaodj3679
    @khaodj3679 Před rokem

    cred ca o sa raman repetent la lectia asta , sunt complet pierdut

    • @scoalaweb
      @scoalaweb Před rokem

      Îmi pare rău. E ceva specific la care te-ai blocat?

  • @khaodj3679
    @khaodj3679 Před rokem

    n-am inteles nimic , m-am pierdut complet pe drum

  • @antipaticu1142
    @antipaticu1142 Před rokem

    Mie mi-a iesit asta . Nici nu stiu daca e bine var iteration = 0 while (iteration < 6) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <6) { move() } turnRight() var iteration = 0 while (iteration < 6) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <6) { move() } turnRight() var iteration = 0 while (iteration < 6) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <6) { move() } turnRight() var iteration = 0 while (iteration < 5) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <5) { move() } turnRight() var iteration = 0 while (iteration < 5) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <4) { move() } turnRight() var iteration = 0 while (iteration < 4) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <4) { move() } turnRight() var iteration = 0 while (iteration < 4) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <4) { move() } turnRight() var iteration = 0 while (iteration < 3) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <3) { move() } turnRight() var iteration = 0 while (iteration < 3) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <3) { move() } turnRight() var iteration = 0 while (iteration < 2) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <2) { move() } turnRight() var iteration = 0 while (iteration < 2) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <2) { move() } turnRight() var iteration = 0 while (iteration < 1) { move() iteration = iteration + 1 } for (var i = 0 ; iteration = 0 ; iteration <1) { move() } turnRight() move()

    • @HateganCristian
      @HateganCristian Před 11 měsíci

      si mie reset() var i=0; while (i<=12) { while (canMove()) move() if (i<12) turnRight() i=i+1 }

  • @comanstefan1251
    @comanstefan1251 Před rokem

    Nu inteleg deloc ,incearca sa fi cat mai explicit si in cuvinte pe care le cunoastem si noi. Apoi da-ne exemple de variabile un nume cv i don't know

    • @scoalaweb
      @scoalaweb Před rokem

      Îmi cer iertare. Îmi spui, te rog, ce cuvinte ai dori să le fi explicat mai bine. Urmează să se publice o nouă serie, dar dacă nici acolo nu am explicat suficient, pot face un video separat. Mulțumesc.

  • @loredanamiscov4252
    @loredanamiscov4252 Před rokem

    Felicitarii pentru continutul realizat! Ai putea sa mi spui cum sa fac acolada, pe tastatura de pe Mac?

    • @scoalaweb
      @scoalaweb Před rokem

      Bună Loredana, Dacă ai tastatura în limba engleză, acolada se face ținând apăsat Shift, și apeși tasta cu acoladă și paranteză pătrată. Dacă este in limba română standard, se face ținând apăsat Option și Shift, și apeși tasta ă.

  • @scoalaweb
    @scoalaweb Před rokem

    Sunt mai multe moduri de a rezolva tema. Iată la ce m-am gândit eu: czcams.com/video/6Sf13oKFSxE/video.html

  • @scoalaweb
    @scoalaweb Před rokem

    Tema nu e chiar așa de grea, dar poate mai înveți ceva: czcams.com/video/wdl1JHLr8Po/video.html