Osnove HTML, CSS i JavaScript #20 - Flex (Flexbox) - detaljnije objašnjenje

Sdílet
Vložit
  • čas přidán 26. 01. 2019
  • Osnove HTML, CSS i JavaScript #20 - Flex (Flexbox) - detaljnije objašnjenje

Komentáře • 50

  • @slavkoroganovic4406
    @slavkoroganovic4406 Před 5 lety +45

    Ovih 20-videa su skup jednog profesionalnog seminara o css-u.Sve pohvale za tutorijale.

    • @MilanTair
      @MilanTair  Před 5 lety +11

      :) Hvala. Biće još snimaka. Kada prođemo još neke teme za CSS, vraćamo se na HTML, pa prelazimo i na JavaScript.

    • @slavkoroganovic4406
      @slavkoroganovic4406 Před 5 lety +2

      @@MilanTairova nova knjiga od Julie Meloni imam je ali je u nju sve stavljeno od css,Java script I php i mysqueli ima dosta toga oko 600-700stranica 6izdanje štampano 2018god.Ali mi nije obrađeno fino onako kako vi znate da obradite materiju.Pa mi više leže ovakvi tutorijali da naučim.

    • @MilanTair
      @MilanTair  Před 5 lety +6

      Da, knjige su za sasvim drugačiji pristup učenju. Svakako je dobro posvetiti vreme razumevanju tehnologije iz izvora koji ih detaljnije i formalnije objašnjavaju. Tutorijali su dobri za brzo upoznavanje sa određenim načinima primene tehnologija i alata, ali nije uvek dobro oslanjati se samo na njih, već treba čitati i dokumentaciju i blogove i prijaviti se na mejling liste kao što su JavaScript Weekly, Frontend Focus, CSS Weekly i slične.

    • @milutinndv
      @milutinndv Před 5 lety +13

      Велико хвала доброме човеку.

  • @milosmarceta7459
    @milosmarceta7459 Před 4 lety +16

    Pa ovo je 10 puta bolje objasnjeno nego na nekim kursevima koji se placaju po 1000 evra! Hvala puno!!!

    • @MilanTair
      @MilanTair  Před 4 lety +2

      Nema na čemu. :)

    • @ratkozivkovic8784
      @ratkozivkovic8784 Před 2 lety

      Ja sam prosao dva kursa "FTN Informatike" u Novom Sadu. Veoma zahtevno i intenzivno za nas pocetnike. Milan sve lepo i polako objasni na prihvatljiv nacin... Sve pohvale!

  • @emirhadzimehmedovic7183
    @emirhadzimehmedovic7183 Před 5 lety +8

    Vrhunski objašnjeno !!! Kvalitet materijala je na nivou i veći od kurseva koji se plaćaju !!! Svaka čast !!!

  • @dijanadjoric.01
    @dijanadjoric.01 Před 3 lety +2

    Fenomenalno jasno i precizno objašnjeno. Svaka čast i hvala!

  • @nenadmaeric172
    @nenadmaeric172 Před rokem

    Odlična lekcija. Bravo.

  • @user-uk4iq3hb1b
    @user-uk4iq3hb1b Před 7 měsíci

    Odlicni predavanja - pozdrav od Strumica

    • @MilanTair
      @MilanTair  Před 7 měsíci +1

      Blagodarim. Pozdrav za Strumice. 🇲🇰

  • @silvanageorgioska7644
    @silvanageorgioska7644 Před 4 lety +3

    jedna od najvaznijih lekcija,bravo!

  • @zankakomljenovic3018
    @zankakomljenovic3018 Před 3 lety

    Svaka cast, odlican, temeljan, smisaon, strpljiv predavac

  • @srdjan02
    @srdjan02 Před 4 lety

    Hvala ti puno... kupio kurs na udeyu ali ovaj covek mnogo bolje objasnjava

    • @MilanTair
      @MilanTair  Před 4 lety

      Drago mi je da Vam se dopada moj način objašnjavanja.

  • @NeLePFC90
    @NeLePFC90 Před rokem

    Najjaci si Milane!

  • @yungxchristg5948
    @yungxchristg5948 Před 2 lety

    odlicno si objasnio. hvala puno.

    • @MilanTair
      @MilanTair  Před 2 lety

      Hvala. Drago mi je da Vam se dopada objašnjenje.

  • @onegirlmibi9266
    @onegirlmibi9266 Před 3 lety

    Odlično🙂🙂

  • @xtremehackerzpro9511
    @xtremehackerzpro9511 Před 4 lety +1

    Najbolje objasnjenje flexboxa na nasem jeziku, svaka cast :D
    Oni udemy top rated instruktori ti mogu zavidjeti :D
    Moze samo pitanje, u kojim situacijama je dobro koristiti flex-basis, a kada flex-grow...

    • @MilanTair
      @MilanTair  Před 4 lety +1

      Hvala.
      Osobine flex-basis i flex-grow nisu međusobno isključive. Nećete imati uvek situacije da koristite samo jedno ili samo drugo. Nekada da, a nekada koristite oba. Osobina flex-grow govori samo koliko udela slobodnog prosotra da se doda nekom elementu na osnovu definisanog flex-grow, a flex-basis ukazuje na to koja je veličina osnove, bez obzira na dimenzije koje stiče na osnovu sadržaja koji element ima. Npr. ako imamo dva elementa, oba imaju flex-grow setovan na 1, ali jedna ima u sebi sliku koja je duplo šira od slike koja se nalazi u drugoj, ta dva elementa "neće" biti 1:1 (bez obzira na flex-grow), jer će flex-grow da im "doda" od ostalog slobodnog prostor 1:1 (podjednako) viška prostora u njih, ali njihov unutrašnji sadržaj im čini širinu većom. Tada bismo koristili flex-basis i setovali, npr. na 0, da bismo učinili da se zanemare unutrašnje dimenzije sadržaja i da se dodeli onoliko os slobodnog prostora elementima koliko udeli flex-grow traže i tada će biti zaista 1:1 dimenzija. Dakle, flex-grow i flex-basis nisu međusobno isključive osobine, već su komplementarne, po potrebi. Nadam se da je sada jasnije.

    • @xtremehackerzpro9511
      @xtremehackerzpro9511 Před 4 lety

      @@MilanTair Hvala lijepa na odlicnom odgovoru :D

    • @MilanTair
      @MilanTair  Před 4 lety +1

      @@xtremehackerzpro9511 NNČ. Ako imate drugih pitanja, postavite ih u komentarima video snimaka na koji se odnose. Trudim se odgovoriti na svako pitanje.

  • @IvanJovaninkovic
    @IvanJovaninkovic Před rokem

    Milane svaka cast , za ovakav nacin objasnjenja, sve je precizno i jasno, mnogo mi znaci.Moze samo pitanje, meni je ovo jasno kako funkcionise kad ovako objasnite u ilustraciji gde je sve navedeno sa svrhom da jedno objasnjava drugo, medjutim da li se od svih ovih mogucnosti neke cesce koriste ili zavisi od sitaucije do sitaucjie tj sta , buduci web sajt zahteva, nadam se da ce se primenivati neka od ovih pravila u daljem formiranju web sajta koji je u okviru ovog kursa?

    • @MilanTair
      @MilanTair  Před rokem

      Hvala. Drago mi je da Vam se dopada način objašnjavanja. Što se tiče Vašeg pitanja, kao što ste rekli, sve zavisi od slučaja do slučaja kada će se šta primeniti, zavisno od toga šta je potrebno da se implementira dati dizajn koji dizajner osmisli. Koristićemo u ostatku ovog serijala razna svojstva ovog i raznih drugih layout mehanizama.

  • @Check658
    @Check658 Před 4 lety

    Pozdrav sta bi preporucili da je najvaznije da se nauci za css na pocetku? i odakle je najbolje uciti, hvala

    • @MilanTair
      @MilanTair  Před 4 lety

      Kreinite od osnovnih CSS osobina, pa pređite na selektore, kombinovane selektore, pa zatim na naprednije CSS osobine, specifične vs manje specifičke selektore za prepisivanje primenjenih stilova itd. U suštini, ovaj serijal ide nekim tim redosledom.

  • @noshly
    @noshly Před 4 lety

    Mozete li mi reci u kom programu pravite ovakve skice

  • @luneed-autoenterijer
    @luneed-autoenterijer Před 2 lety

    Tek posle ovog videa sam puno bolje razumio primjenu flexboxa. Hvala puno za ulozen trud.
    Da li je kako moguce doci do svih ovih slika koje si koristio za objasnjenje?

    • @MilanTair
      @MilanTair  Před 2 lety +1

      Hvala. Drago mi je da Vam je jasnije sada.
      Na žalost, nemam ih. Bukvalno sam iz uzimamo negde sa Interneta nasumično pred snimanje lekcije i nisam sačuvao.

  • @andrej418
    @andrej418 Před rokem

    Da li se flexbox koristi u ozbiljnijim projektima, tjst. da li cemo ga koristiti u praksi?

  • @user-qk3lh8mk1z
    @user-qk3lh8mk1z Před rokem

    Poštovani, da li može malo pojašnjenja oko toga sta je tacno razlika izmedju align-items i align-content

    • @MilanTair
      @MilanTair  Před rokem +1

      Ovo je prvo objašnjenje na to pitanje na Google pretrazi i ujedno je i najbolje opisano, pa da ne bih prepričavao, najbolje pogledajte objašnjenje i ilustracije www.geeksforgeeks.org/difference-between-align-content-and-align-items/amp/

  • @user-ne7bk5pt8n
    @user-ne7bk5pt8n Před 3 lety

    Ako display: flex utiče na to da elementi budu poređani jedan pored drugog, umesto jedan ispod drugog, da li to znači da flex-direction: column potire delovanje ovog prvog?

    • @MilanTair
      @MilanTair  Před 3 lety

      Flex ne čini da nešto ide jedno pored drugog, tek tako. Layout-ing je mnogo složeniji od blokovnog. Nije to kao da smo promenili smer blokovne orijentacija... ali da, promena direction će promeniti način ređanja elemenata.

    • @user-ne7bk5pt8n
      @user-ne7bk5pt8n Před 3 lety

      @@MilanTair Hvala!

  • @gametech2331
    @gametech2331 Před 3 lety

    Poz jeste li odradili temu responsive sajta

    • @MilanTair
      @MilanTair  Před 3 lety

      Jesam. To se u snimcima zove prilagodivi dizajn.

    • @gametech2331
      @gametech2331 Před 3 lety

      @@MilanTair Poz,hvala na odgovoru uspio sam naći odličan je tutorijal ,lijep pozdrav