10 kanałów YouTube do nauki podstawowego programowania frontend

Nauka kodowania jest teraz łatwiejsza niż kiedykolwiek wcześniej.

Możesz znaleźć mnóstwo darmowych samouczków obejmujących podstawy programowania frontendowego. I tak naprawdę sprowadza się to do zaledwie 3 języków: HTML, CSS i JavaScript.

Oprócz pisemnych samouczków na YouTube znajdziesz także wiele bezpłatnych samouczków wideo. Są one w większości ukryte na świetnych kanałach, które trzeba szukać, aby je znaleźć.

Wszystkie kanały, które wymieniłem poniżej, skupiają się na rozwoju i powinny stanowić doskonałe miejsce do rozpoczęcia. Wszystkie są całkowicie bezpłatne i obejmują szeroką gamę języków, a niektóre wykraczają nawet poza tematykę frontendu, dzięki czemu możesz zostać wszechstronnym programistą.

Porady dla programistów

Zapytaj społeczności programistów internetowych, a zawsze zobaczysz wzmianki o kanale DevTips.

Zawiera mnóstwo długich samouczków obejmujących szereg tematów dotyczących interfejsu. Niektóre z nich obejmują podstawy, takie jak waniliowy JS lub nowsze właściwości CSS3.

Ale inne samouczki dotyczą bardziej zaawansowanych frameworków, takich jak Vue, React i Ember.

Gorąco polecam zasubskrybowanie tutaj jako pierwszy przystanek w Twojej przygodzie z YouTube. Te filmy są na najwyższym poziomie i warto je sprawdzić, jeśli znajdziesz tematy, które Cię interesują.

LearnCode.academy

Oto jeszcze jeden kanał z samouczkami, który moim zdaniem przynosi korzyści przede wszystkim programistom frontendu.

LearnCode.academy ma jedną z najwyższych jakości wideo, jakie widziałem, z bardzo jasnymi instrukcjami. Robią dużo na temat skryptów JS i powiązanych bibliotek, ale jest też wiele filmów o zarządzaniu konfiguracją web dev.

Obejmuje to samouczki dotyczące zarządzania pakietami, takie jak npm i Bower, wraz z tematami zorientowanymi na serwer z narzędziami, takimi jak Docker i AWS.

Wszystkie świetne materiały z mnóstwem różnorodności, w tym filmy, które pochodzą sprzed ponad czterech lat.

LevelUpTuts

Jestem wielkim fanem samouczków krok po kroku, ponieważ pokazują dokładnie, co robić i dlaczego to robisz.

To właśnie znajdziesz na LevelUpTuts. Jest to darmowy kanał przeznaczony dla tematów deweloperskich i skupia się głównie na tworzeniu stron internetowych.

Wszystkie samouczki LevelUpTuts YouTube są pełnymi przewodnikami od początku do końca i będą na zawsze bezpłatne.

Ninja sieci

Net Ninja to ogromny kanał oferujący szeroki wachlarz tematów dla frontendowców. To zachęciło odgałęzienie strony internetowej z wyselekcjonowanymi listami bezpłatnych samouczków uporządkowanych według tematów.

Wszystkie te bezpłatne filmy pozostaną bezpłatne na całe życie i doskonale nadają się do programowania frontendowego.

Możesz szybko pobrać TypeScript, Angular, Vue, ES6 i Bootstrap z jednego miejsca.

Filmy są również wysokiej jakości ze świetnym stylem narracji, więc nigdy nie będziesz się nudzić.

Traversy Media (TechGuyWeb)

Kanał YouTube Traversy Media jest bez wątpienia jednym z najlepszych dostępnych dla programistów.

Dzięki ponad 350 tysiącom subskrybentów jest wiele rzeczy do pokochania w tych filmach. Oczywiście obejmują one wiele tematów dotyczących backendu w językach takich jak PHP i Python, więc nie jest to tylko frontend.

Pamiętaj tylko, że jest też wiele solidnych filmów na temat technik frontendowych. Należą do nich filmy, które łączą frontend + backend z frameworkami, takimi jak Angular.

Jeśli chcesz pracować zawodowo jako web developer, nigdy nie zaszkodzi nauczyć się kodowania backendowego.

Dlatego Traversy Media powinien być niezbędnym kanałem dla każdego, kto zajmuje się kodowaniem internetowym, niezależnie od poziomu umiejętności.

Kurs kodowania

Kanał Codecourse ma mnóstwo darmowych filmów, podobnie jak inne wymienione na tej liście.

W Codecourse podoba mi się sposób, w jaki finansują filmy za pośrednictwem swojej głównej witryny. Oznacza to, że w YouTube znajdziesz wiele darmowych materiałów z opcjonalnymi uaktualnieniami, jeśli ich potrzebujesz.

Myślę, że w samym YouTube jest wiele rzeczy, w które można się zagłębić, więc to naprawdę najlepsze miejsce na rozpoczęcie.

Chociaż jeśli jesteś zupełnie nowy w kodowaniu, te filmy mogą być wyzwaniem, ponieważ wymieniono tutaj wiele zaawansowanych narzędzi, takich jak na przykład Git i Laravel.

Wes Bos

Deweloper Wes Bos wyrobił sobie markę dzięki mnóstwu niesamowitych samouczków online.

Niektóre są bezpłatne, inne kosztują, ale nawet te bezpłatne oferują mnóstwo wartości.

To jest dokładnie to, co znajdziesz na jego kanale YouTube, który oferuje bezpłatne filmy z kodowaniem frontendu dla wszystkich odbiorców. I tak naprawdę, to jest jak 99% całego kodu frontendowego.

Ale dzięki tym filmom skupisz się na układach CSS i technikach manipulacji JS. Oba tematy są naprawdę cenne do opanowania i zawsze pojawiają się nowe funkcje.

Szczególnie podobają mi się jego filmy o właściwości CSS Grid, ponieważ ten temat może szybko uzyskać naprawdę szczegółowe informacje.

Dowiedz sięKod sieciowy

Całkiem prosty kanał tutaj, który warto zasubskrybować, jeśli chcesz łatwych samouczków dla programistów.

LearnWebCode mówi wyłącznie o kodowaniu frontendowym. Obejmuje to niektóre szczegółowe tematy, takie jak zarządzanie projektami Git i niestandardowe kodowanie obiektów SVG za pomocą elementu canvas. Ale wiele tutów jest na poziomie początkującym, co jest miłe.

Jeśli szukasz mieszanki filmów, które nadążają za zmieniającymi się trendami w przestrzeni deweloperów, ten kanał naprawdę Ci się spodoba.

Świetne dla wszystkich ze wszystkich środowisk, ponieważ nawet profesjonalni programiści mogą natknąć się na temat, którego nigdy wcześniej nie studiowali.

Zakoduj sieć (Garrett Love)

Kanał YouTube Garretta Love „CodeTheWeb” jest mały, ale szybko się rozwija.

Możesz sprawdzić stronę z filmami, aby zobaczyć, co oferuje i jakiej jakości możesz się tutaj spodziewać.

Ogólnie jestem bardzo zadowolony z tej strony, ponieważ jest po prostu fantastyczna. Zagłębia się w tematy poza kodowaniem frontendowym, ale także dużo mówi o stronie HTML/CSS/JS.

Dodatkowo dostępna jest dobra mieszanka dłuższych samouczków (20-60 minut) oraz krótszych filmów z poradami na temat pracy jako freelancer i lądowanie.

Gorąco polecam przeglądanie tej biblioteki wideo, jeśli chcesz, aby kodowanie stało się twoją karierą.

Zabawna funkcja zabawy

Ostatni to mój osobisty faworyt na 144 tys. subskrybentów: Fun Fun Fun.

Gospodarz Twojego kanału, Mattias Petter Johansson, publikuje szczegółowe filmy na temat kodowania JavaScript od podstaw. To naprawdę kompletny kurs dla początkujących do nauki JavaScriptu do poziomu zaawansowanego. Wszystko za darmo.

Jest wiele rzeczy na temat testowania jednostkowego i ćwiczeń z TypeScript, a także bardziej ogólnych tematów dla początkujących, takich jak podstawowe funkcje i zakres zmiennych.

Nie znajdziesz tu wielu ćwiczeń HTML/CSS, ale jest to idealne rozwiązanie dla każdego, kto zagłębia się w JavaScript dla sieci.