Kurs Bootstrap (#0) Responsywność, frameworki front-endowe

Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku.
🔔 Subskrybuj - bit.ly/pasja-sub
Jeśli masz ochotę wesprzeć to co robimy, to możesz:
🖐 Zostać Patronem - patronite.pl/p...
☕️ Ufundować nam wirtualną kawę - buycoffee.to/p...
👉 Fanpage na Facebooku - bit.ly/pasja-fb
👉 Profil Patronite - patronite.pl/p...
👉 Lista Patronów - pasja-informaty...
👉 Donacje na blogu - miroslawzelent....
👉 Harmonogram publikacji - bit.ly/pasja-ha...
👉 Kontakt z nami - pasja-informaty...
👉 Współpraca reklamowa - bit.ly/pasja-ws...
👉 Kursy video dla technikum - pasja-informaty...
👉 Blog informatyczny - miroslawzelent.pl
👉 Trenażer egzaminacyjny - egzamin-informa...
👉 Egzamin-E13.pl - egzamin-e13.pl
👉 Forum dyskusyjne - forum.pasja-in...
👉 Witryna podcastowa - podcast.pasja-i...
👉 Twitter MZ - / miroslawzelent
👉 Twitter DS - / stelmach_damian
🕐 TIMESTAMPS (CHWILE CZASOWE):
[ 00:00:12 ] Co to jest responsywność?
[ 00:01:52 ] Wersja mobilna czy strona responsywna?
[ 00:02:54 ] Dla kogo przeznaczony jest ten kurs?
[ 00:04:09 ] Popularne frameworki front-endowe
[ 00:04:49 ] Twórcy Bootstrapa, licencja MIT
[ 00:05:16 ] Zalety frameworka Bootstrap
[ 00:06:15 ] Wady frameworka Bootstrap
[ 00:07:22 ] Podsumowanie odcinka wstępnego
📃 WPIS BLOGOWY (slajdy do pobrania):
miroslawzelent....
🎵 MUZYKA:
Sappheiros - Embrace
/ embrace
Zajrzyjcie, facet tworzy świetną muzykę!
Please, follow this awesome artist, he totally deserves it!
Sappheiros na YT: bit.ly/2fuOcTG
/ sappheirosmusic
/ sappheirosmusic
/ sappheirosmusic
A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: bit.ly/CCAttrib...
#pasjainformatyki #programowanie #kursbootstrap

[@cholewciax]

Najlepszy nauczyciel w Polsce powraca na ekrany!

[@zywaprzyrodazzuchami]

To prawda

[@leszekgowacki5592]

Uwielbiam Bootstrapa :) Wyobraz sobie Maciek, że jestem osoba niewidoma i z Botstrapem moge tworzyc strony! To jego jeszcze jedna zaleta: poszerzenie mozliwosci kwalifikacji osob. Super, że podjales ten temat! Wiedzy nigdy za wiele ;)

[@informatykaielektronika5977]

Dzięki Panie Mirosławie za rozpoczęcie nauki tego frameworka w Twoim stylu :-)

[@kubulus7868]

Tego to bym się nie spodziewał :) WOW

[@fishingwithmakarony7]

I ja także się zastanawiałem, kiedy Bootstrap się tu pojawi:)

[@piotr424]

Kocham Pana Głos. Idealny do poduszki, jako audiobook.

[@marcingornicki7766]

Dzięki, kieruję odbiornik na przekaz i zarzucam resztę kursu. Pozdrawiam.

[@neverslaved1353]

Nie wierzę, spadło jak z nieba!

[@OsamaBinChoco]

Muszę przyznać, że prędzej spodziewałem się hiszpańskiej inkwizycji, niż frameworków. Jestem mile zaskoczony. Dziękuję ^__^

[@longingheart77]

Znam i lubię bootstrapa, z którym często pracuje na widokach w laravelu, ale Pana kurs i tak obejrzę z wielką chęcią od A do Z :)!

[@kacperoleszkiewicz1621]

Responsywne strony internetowe, to mi się podoba!

[@mateuszwodkowski3906]

Propsy Panie Zelent!

[@mateusz4782]

Super, że zrobi Pan ten kurs o Bootstrapie, bardzo przyda mi się ta wiedza. Pozdrawiam i czekam z niecierpliwością! :)

[@jarver9956]

No i to rozumiem :D Dziękuję Panie Mirku, za pan wkład, czas i zaangażowanie, czekam z niecierpliwością na kolejne odcinki porgramowania WEBowego :) Do zobaczenia, w kolejnym ciągu zer i jedynek na pańskim kanale! ;)

[@aleksandrat.9409]

Czekam z niecierpliwością.

[@takitamkana5693]

Akurat mi to potrzebne do szkoły! Ma Pan wyczucie!!! Dziękuję!

[@kaczmarek7]

Yeah.... super!! Dziękuje za ta serie!!!

[@mateuszmateusz4155]

Super że jest ta seria 😀😀😀

[@martaolejniczak6701]

Świetna seria! Super, że pojawiły się filmiki o bootstrapie. Jestem wielką fanką tego kanału. :)

[@ciach0_]

Spodziewałem się tego! :) dziękujemy Panu.

[@qpisz8199]

Czekałem na to z ponad pół roku, i jest. Z niecierpliwością wypatruje kolejnych odcinków serii😉

[@1969OLEK]

Zwyczajowo oglądam od deski do deski :)

[@jpek6198]

Doczekałem się :) Dziękuje serdecznie

[@Kubalopl]

o nowy kurs, ciekawe

[@BajorPoland]

Mirek świetnie czekałem na tego typu kurs coś czuje, że to będzie hit! Trzymam kciuki i czekam z niecierpliwością na kolejne odcinki z tej serii !

[@warrior9096]

Bootstrapa znam ale na pewno obejrzę z ciekawością wszystkie kolejne odcinki :)

[@Sage2272]

YAY! tego mi było trzeba, mam nadzieję, że skupicie się teraz na tym kursie, by jak najszybciej został ukończony ;)

[@Nicholas2703]

SUPER CZEKAM NA KOLEJNE!!!!

[@pawels8040]

Przerobiłem html, css, technik informatyk i teraz czas na wisienkę na torcie , Bootstrap. Pozdrawiam serdecznie :)

[@piwosz6326]

Kolejny świetny materiał. :) Z niecierpliwością czekam na więcej! Pozdrawiam!!

[@kalapita226]

dziękuje za odcinek

[@jhonrambo9801]

Super! zapowiada się mega seria ^=^

[@michateos4179]

Po prawie 3 latach wróciłem do twoich filmów, brakowało mi tego głosu :) może z ciekawości obejrzę kilka odcinków tego kursu ;)

[@emel8706]

Czekałem na ten kurs, brakowało tego na youtube w języku polskim!

[@karol6767]

Czekam niecierpliwością :) :)

[@adrianosky282]

Czekam na dalsze odcinki tej serii :) Proponuję pomyśleć nad zrobieniem serii o SASS/LESS + jakieś narzędzia do automatyzacji pracy np: Gulp. Seria z frameworkami bibliotekami do JS też się przyda. Pozdrawiam! Oby tak dalej!

[@Diymrstick]

Świetne / pozdrawiam

[@igoriks2769]

Świetnie że Pan zdecydował sie zrobić kurs o responsywności. Na pewno bedzie dobry jak wszystkie kursy. Chciałem tylko przypominać by Pan nie zapomniał chciaż wspomnieć o technologi CCS grid ;)

[@Darklaki1]

i flexboxie

[@matm8053]

czekam na kolejne odcinki z tego kursu.

[@tomaszflorianczyk8546]

Dobra robota

[@eltigre8719]

super, czekam :)

[@kacperw971]

Zrobicię kiedyś kurs react, bo uczę się tego na studiach, ale lepiej od was się uczy :D

[@carlosmorales5520]

Dobra robota, byłe więcej odcinków z tej serii :D

[@wp4444]

Jak zwykle klasa :D! Dałbym sobie uciąć nogę za tutorial reacta a najlepiej react native :O

[@kubagp1]

Czekam

[@aleksandrak.7895]

super!!

[@m.g.1250]

Oooo będzie ogień :D

[@szajlowy]

Nowa seria :D

[@Gorgiasz94]

Na to czekałem !

[@tendanium]

Czyli moja propozycja została wysłuchana!

[@marcinbiaecki9731]

Super :D

[@justboyv2134]

Czekam na możliwość lekcji przy użyciu hologramu. Chętnie bym sobie włączył taki filmik z Panem w mojej szkole :D

[@borekworek69]

Ekstra

[@JaZurawpriv]

jeśli chodzi o responsywność stron to można też je opierać na grid CSS, które jest o tyle lepsze od rozwiązań na tabelach i div, że można zmieniać kolejność i położenie elementów w siatce bez względu w jakiej kolejności są te elementy zapisane w kodzie

[@kamikaziu]

Dodatkowo przy pomocy grida można pisać ładnego i czytelne go semantycznego htmla, bez niepotrzebnej divozy która praktycznie zawsze pojawia się w bootstrapie.

[@thepolskitv]

Prawda, ale zwróć uwagę, że wiele przeglądarek nie wspiera go jeszcze do końca np. ie11

[@kamikaziu]

The Polski wszystkie nowoczesne przeglądarki czyli oko 95 % użytkowników wspiera grida. Ie 11 wspiera ale na trochę starszej specyfikacji. Jeśli korzystamy np z angular-cli to autoprefixer do sassa i tak sam to robi więc nie ma problemu. Jeśli developerzy nie powiedzą stop i nie przestaną wspierać średniowiecznych przeglądarek to za 10 lat dalej będziemy się użerać z ie. Ja klientom mówię że mogę wspierać ale to jest zwyczajnie dużo pracy czyli dodatkowe koszty. Jeszcze zodyn się nie kłóci.

[@thepolskitv]

U nas się niestety kłócą, bo w jednej z firm dla której outsourcingujemy mają wymóg uzywania IE na firmowych laptopach, więc trochę dramat xD Ale ogólnie myślę , że na dzień dzisiejszy dla małych stron na których nie ma wielkiego ruchu bo np nie są kierowane reklamy można stosować grida jeżeli jest taka potrzeba. Dla tych ważniejszych projektów ja bym jeszcze poczekał do przyszłego roku, aż ten odsetek zmaleje. na chwilę obecną jest to 85% wsparcia (caniuse. com)

[@marcinkula5410]

Omg ile czekałem

[@konradnowak4821]

Nareszcie!!

[@alantomczak517]

Brakowalo tego :p

[@damianswitek]

No czekamy na kolejną wstawkę odnośnie Bootstrapa

[@bubixon6133]

Wreszcie :)

[@szevaa97]

Super! Może kolejna seria na temat linuxa ? :D Miłego dnia czyli zer i jedynek!

[@krzysiu2579]

już wątpiłem że nie dożyje tego momentu :D

[@Bite_L]

Miruś nareszcie!! 😂

[@HannaH-xu8jt]

Czekałam

[@agnieszkalewandowska9896]

Niespodzianka prawie tak miła, jak wieść, że w końcu przyszedł list z Hogwartu :D

[@mean9633]

Nareszcie

[@Aimexe-nj3fd]

Czekałem z niecierpliwością na ten właśnie kurs! Jestem samoukiem i uczę się z tego co daje mi internet oraz książki, opanowałem html i css w przyzwoitym poziomie i wziąłem się za naukę JavaScript'u ponieważ nie mogłem znaleźć fajnych (darmowych) kursów Bootstrap'u, a tutaj Pan mi przychodzi z ratunkiem :) Oglądałem Pana kursy html i css parę razy i wiem, że (tak samo jak html i css) kurs bootstrap będzie petardą :) I mam mały pytanie do Pana, czy jest możliwość znalezienia pracy w Front-Endzie bez wykształcenia, że tak powiem? Czyli w pracy, gdzie pracodawca patrzy na umiejętności, a nie wykształcenie? Bo przyznam szczerze, że tutaj nie mam się czym pochwalić, lecz front-end jest tym co kocham i nie ukrywam, że wiążę z tym przyszłość (o ile się da) :)

[@maciejkaniewski1539]

Ile tak około będzie odcinków w tej serii???

[@natanuczak2640]

Super filmik chciałem sie zapytać czy zrobisz w najbliższym czasie filmiki o programowaniu w swift?

[@piotrszadkowski2422]

Świetny odcinek, zreszta jak zawsze. Mała tylko uwaga, rwd nie jest tym samym co mobile first, przynajmniej jeśli chodzi o mobile first approach, bo wtedy ten termin określa designowanie strony zaczynajac od telefonu i idąc ku desktopowi, a rwd jedynie określa przystosowanie strony dla różnych rozmiarów ekranów.

[@duduspl225]

Zrobi Pan kiedyś kurs Java ?

[@mrfishpl277]

Czekam z niecierpliwością ;)

[@hepsko2318]

Wątpię, gdyż byłoby to przemaglowanie kursów c++ na język java, znów byłyby pętelki i warunki, trochę bez sensu. Jak widziałeś c++ (całość) to nauka javy przyjdzie ci z łatwością, co do kursów to u samuraja programowania jest z javy a potem z androida. Pozdrawiam

[@duduspl225]

C++ widziałem całość. Ten Samuraj programowania nie tłumaczy tylko robi. Wygląda to tak jak by pisał dla siebie program, gadał do siebie i niewiedział że to się nagrywa ;)

[@marekborecki1116]

kurs javy na kanale samuraj programowania był prowadzony przez kogo innego tak samo jak kurs androida. Jeśli chodzi o Javę, to po c++ z tego kanału możesz przerobić "Java podstawy" z helionu. Pamiętaj, żę najwięcej zmian weszło w 8ce. Polecam też serwis javastart.pl

[@mrfishpl277]

Dzięki, że powiedziałeś :)

[@kradstar]

Jeśli wybierasz bootsrapa tylko ze względu na responsywność, to może warto zainteresowac się CSS Grid layout system :)

[@mk_games_official]

Grid jest mega..jedynie potrafi być jeszcze nie kompatybilny z Edge czy IE11 jeżeli nie mają najnowszej aktualizacji. Dla programisty webowego niestety jest to nie do przyjęcia gdy klient będzie narzekać, że mu nie działa bo nie zrobił albo nie chce uaktualnić przeglądarki.

[@patriks6056]

W jakie dni albo w jakich odstępach czasu będą się ukazywać nowe odcinki ?

[@rafalc9595]

Panie Miroslawie. Kiedy bedzie jakis filmik nt sztucznej inteligencji?

[@zimxh]

i lpa :)

[@pawechmiel7760]

"(...) Do zobaczenia niebawem...", czyli kiedy? Kliknąłem w Harmonogram publikacji i nic nie widzę, ale może źle widzę. Wiecie coś więcej na temat terminów następnych odcinków?

[@pklt30]

Jest jakaś opcja na filmik o ONP i wszystkich pokrewnych kwestiach w najbliższym czasie? ( przed lipcem :-p)

[@mrfishpl277]

Drogi Panie Mirosławie, jeśli chodzi o miniaturkę to leprze było czarne tło ;)

[@insecuree3598]

Jakoś dziwnie brzmi dla mnie Pana głos w nowych filmach po tych modyfikacjach, tylko ja tak mam?

[@xSandereq]

Mam pytanie apropo licencji Bootstrap'a. Jeżeli np. robię stronę komercyjną to jedynie czego potrzebuję to umieszczenie linków , które się znajdują w zakładce Introduction i umieszczenie plików Bootstrap'a w folderze ? Dobrze zrozumiałem ? :D

[@maniumek9907]

Będzie kontynuacja kurs c++?

[@smoooth19]

Panie Mirosławie . Będzie jeszcze c++ ? Baardzo mi na tym zależy :D

[@q_nick8722]

Kurs będzie się opierał o wersję Bootstrapa 3 czy wersję 4? Bo już trochę używałem wersji 3, ale mimo wszystko fajnie by było się dowiedzieć czegoś nowego

[@Pasjainformatyki]

Na wersji 4, ale będę w odpowiednich momentach mówił "jak to było" w trójce. Pozdrawiam, MZ

[@q_nick8722]

Dziękuję za odpowiedź, także pozdrawiam

[@sebsqupc8862]

w jakiej kolejności oglądać poradniki do html'a js'a i css'a? każdy z pod serii osobno do końca czy np po kolei 1odc htmla' cssa i js'a 2... 3.... itd.?

[@mrendus]

pierw html i css, potem rwd (bootstrap + media) na koniec js

[@KrzysiekHope]

Dzień dobry, czy Kurs Bootstrap ma tylko 3 części? Pytam, ponieważ nie mogę znaleźć trójki, czwórki etc.

[@RafalPodraza]

Kiedy będzie kolejny odcinek :D ?

[@wawrick10p32]

Kiedy php bedzie czekam

[@Wiewiort-en5nt]

daje A#

[@justboyv2134]

Kurcze XD Nie wchodziłem tu chyba rok, teraz wszedłem i znowu chcę iść do technikum informatycznego XD Z tego co słyszałem technikum informatyczne nie jest najlepsze więc mam trudny wybór...

[@TheSirgo23]

Idz do technikum informatycznego, a potem na studia jesli to lubisz i nie sluchaj rodzicow ani innych doroslych, bo w ogole sie nie orientuja w branzy, ani na rynku pracy. Ja zmarnowalem 7 lat na uczenie sie czegos, co w ogole mi sie nie przydalo i mnie nie interesowalo. Teraz od 2 lat sie nawracam. Szkoda, ze tak pozno.

[@hornstern8708]

Jak dla mnie bez sensu, tym bardziej jak jeszcze myślisz o studiach. Przedmioty tematyczne na studiach ogarniają nawet osoby które mają pierwszy raz styczność z programowaniem, większość rzeczy jest i tak praktycznie od nowa, większym problemem są przedmioty matematyczne/fizyczne. Według mnie szkoła średnia nie ma żadnego znaczenia w tym kontekście. Obojętnie co wybierzesz jeżeli będziesz się systematycznie uczył samemu w domu to po 4 latach będziesz miał o wiele większą wiedzę z dziedziny programowania niż typowy absolwent TI.

[@MrocznyKsiazeWampirow]

Ostatnio byłem na międzypowiatowym konkursie informatycznym. Kazali nam zrobiś stronę na tabelach...

[@piotr2466]

Zrobi Pan filmik z Gridem? Nie potrafię go zrozumiec

[@MKsadchild]

:O

[@agentkalicki1998]

kiedy kurs pisania smartcontraktów lub kurs programowania w solidity ? :D

[@matikd9125]

Może jakiś framework do PHP?

[@podegzamin4075]

Jeśli chodzi o samą responsywność to chyba jednak lepiej byłoby zrobić kurs CSS grid zamiast Boostrapa.

[@0pako0]

Ktoś już wspomniał w komentarzach o technologii CSS Grid i Flexbox. Jak pan uważa, czy używając tych rozwiązań, taki framework jak Bootstrap jest wciąż potrzebny?

[@pawpaaj]

Będzie, dlatego że Bootstrap to nie tylko system layoutu.

[@mixxer0512]

Pan Zelent tutaj mówi, że czasy, kiedy robiono tzw. strony mobilne, już minęły. Wtem naszła mnie myśl, że u mnie na telefonie (Nokia Lumia 520) facebooka na przeglądarce mam właśnie w wersji m.facebook.com, czyli mobilnej i nie da się wejść na tą stronę standardową. i stąd moje pytanie, czy to moja Nokia jest do niczego czy na lepszych telefonach też tak jest???

[@Pasjainformatyki]

Nie mówię na filmie, że minęły - wszystko zależy od budżetów jakimi się dysponuje - wielkie portale jak facebook, na naszym podwórku onet czy np. witryny banków będą mieć wersje mobilne. Sklep internetowy biznesu wujka Staszka już niekoniecznie - raczej pójdziemy w RWD. FB naturalnie wyświetla się jako m.facebook w przeglądarce na smartfonie (chyba, że zaznaczymy opcję "Wersja na komputer") - nie świadczy to w żaden sposób o jakości telefonu. Pozdrawiam, MZ

[@Bestuszew]

jak ma się stosunkowo nowa technika display: grid (grid-template:) do bootstrapa 4?

[@kamikaziu]

Bestuszew nijak. A właściwie ma się tak, że jeśli ktoś umie css grida i flexboxa to nie powinien używać bootstrapa do tworzenia layoutów.

[@kamikaziu]

Kolumny bootstrapowe w 4 są oparte na flexboxie więc to i tak duży krok do przodu w porównaniu do 3 które były oparte na floatach co jest jakaś tragedia straszliwa.

[@Bestuszew]

Jestem ciekawy kursu z Bootstrapa, przyda się być z nim zaznajomiony. Sam, zacząłem uczyć się cssa prawie 2 miesiące temu i idąc za radami rozwijałem się w technice grid. Póki co wadą grida jest chyba fakt, że jest nowy i obsługiwany tylko przez najnowsze wersje przegladarek.

[@Denatante]

Trochę późno. Po przebrnięciu przez kursy na kanale html/css/java grida i bootstrapa uczyłem się już z angielskich filmów. Mam nadzieję, że nie skończy się na 2-3 częściach, bootstrap to temat rzeka .

[@pawechmiel7760]

Hej, mógłbyś mi polecić Ytberów, dzięki którym nauczyłeś się Boostrapa i RWD? Będę wdzięczny.

[@Denatante]

Paweł Chmiel większośći nie pamiętam poprostu wpisywałem czego szukałem i oglądałem masowo. Ale odkąd trafiłem na Traversy media to już wiele nie musiałem szukać. Znajdziesz tam całe serie od totalnych podstaw.

[@RafQ321]

Ostatni raz oglądałem kiedy miałeś jeszcze fajny niski głos, teraz mówisz jak byś miał totalnie zatkany nos, co się stało ? ;p

[@blekfut5763]

Panie Mirosławie - co się stało z pana głosem? Brzmi bardzo dziwnie.