Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 12/ 28Sandboxy

0:00 / 0:00
Full-stack i ProgramowanieJavaScriptPrzegląd i Konfiguracje narzędzi

Narzędzia JavaScript Full-Stack Web Developera: Sandboxy

3 godz. 49 min wideo28 lekcji5 modułów

Czego się nauczysz

  • Przegląd dostępnych terminali
  • Konfiguracja terminala do swoich potrzeb
  • Własne CLI
  • Wybór i konfiguracja IDE do full-stack web developmentu
  • Przegląd dodatkowych narzędzi ułatwiających codzienną pracę
  • Package Managery (bun, pnpm, yarn, npm, brew, apt)
  • Przykłady użytecznych narzędzi no-code
  • Tooling Ekosystemu JS (Vite)

Narzędzia JavaScript Full-Stack Web Developera - Przegląd i Konfiguracje narzędzi

Narzędzia wykorzystywane w codziennej pracy są równie ważne jak reszta posiadanych umiejętności. Praca JavaScript Full-Stack Web Developera / Developerki charakteryzuje się koniecznością odnalezienia w wielu różnych obszarach. To bardzo wymagające zadanie w którym znaczącą rolę odgrywają aplikacje, rozszerzenia oraz sposoby ich konfiguracji. W tym kursie znajdziesz przegląd zestawu narzędzi, uwzględniających również te najnowsze, popularne w 2022 roku.

Terminal i jego konfiguracja

Aktualnie trudno wyobrazić sobie pracę w ekosystemie JavaScriptu bez terminala. W pierwszym rozdziale kursu nie tylko dowiesz się o dostępnych na rynku narzędziach oraz rozszerzeniach ale także o sposobach ich konfiguracji, uwzględniających przykłady z codziennej pracy, w tym wykorzystanie GPT-3 do łatwiejszej obsługi terminala.

Praca z IDE

Dla osób, które programują, IDE (Integrated Development Environment) niemal zawsze stanowi najważniejsze narzędzie pracy. Pomimo tego, że na rynku dostępny jest bardzo dobry Visual Studio Code, w tym kursie poznasz bliżej płatne narzędzia firmy JetBrains, które w wielu przypadkach sprawdzą się nieporównywalnie lepiej. Dobrze skonfigurowane IDE potrafi "zrozumieć" Twój kod na tyle, aby skutecznie Ci pomagać w pisaniu kodu, pracy zespołowej czy debugowaniu aplikacji.

Dodatkowe narzędzia

Poza narzędziami bezpośrednio związanymi z programowaniem, istnieje szereg aplikacji które pomagają w codziennej pracy. Mowa o pracy koncepcyjnej, sandboxach, organizacji wiedzy, zadań, kalendarza, poczty czy nawet sięganie po narzędzia no-code / low-code. W tym kursie znajdziesz przegląd tych, które mają duży sens z punktu widzenia full-stack'a, aczkolwiek pamiętaj że każde z nich posiada też różne alternatywy, które mogą bardziej przypaść Ci do gustu.

Package managery i własne skrypty

Kolejnym niezbędnym elementem w programowaniu, są różnego rodzaju zależności projektu oraz narzędzia instalowane na komputerze czy serwerach, w celu ułatwienia pracy lub wręcz jej umożliwienia. Poza tym poruszymy też temat własnych skryptów a nawet tworzenia CLI w Node.js na własne potrzeby.

Tooling ekosystemu JavaScript

Tworzenie aplikacji w JS charakteryzuje konieczność wykorzystywania różnego rodzaju narzędzi, umożliwiających m.in. transpilowanie oraz optymalizację kodu. Obecnie jednym z najlepszych wyborów jest Vite i to na nim skupimy się najbardziej, łącząc go nie tylko z samym JavaScriptem ale także frameworkami CSS (konkretnie Tailwind CSS).

Dla kogo jest ten kurs?

Ten kurs powstał z myślą o osobach pracujących w ekosystemie JavaScriptu. Jest to szybkie przegląd dostępnych na rynku narzędzi oraz przykładów ich praktycznego wykorzystania w codziennej pracy. Jeżeli szukasz inspiracji, nowych narzędzi lub sposobów usprawnienia codziennych zadań — w tym kursie je znajdziesz.

Kurs Narzędzia JavaScript Full-Stack Web Developera

5 rozdziałów28 lekcji3h 49min

Konfiguracja terminala

55min
  • Wprowadzenie3min(zablokowana)
  • DIaczego potrzebujesz dobrego terminala?4min(zablokowana)
  • Wybór terminala6min(zablokowana)
  • Konfiguracja terminala13min(zablokowana)
  • Techniki pracy z terminalem9min(zablokowana)
  • Przydatne polecenia12min(zablokowana)
  • Praca z SSH8min(zablokowana)

IDE

58min
  • Wybór IDE14min(zablokowana)
  • Lekkie edytory kodu9min(zablokowana)
  • Konfiguracja edytora12min(zablokowana)
  • Dodatkowe narzędzia9min(zablokowana)
  • Sandboxy6min(zablokowana)
  • Techniki pracy7min(zablokowana)

Przydatne aplikacje i rozszerzenia

49min
  • Praca koncepcyjna5min(zablokowana)
  • Tooling11min(zablokowana)
  • Narzędzia wspomagające10min(zablokowana)
  • Narzędzia ułatwiające skupienie6min(zablokowana)
  • Organizacja wiedzy9min(zablokowana)
  • Narzędzia no-code8min(zablokowana)

Package Managery

32min
  • Przegląd package managerów6min(zablokowana)
  • Manifest projektu6min(zablokowana)
  • Konfiguracja7min(zablokowana)
  • Własne skrypty5min(zablokowana)
  • CLI7min(zablokowana)

Tooling

35min
  • Przegląd narzędzi9min(zablokowana)
  • ESLint i Prettier z Vite10min(zablokowana)
  • Tailwind i Tailwind UI7min(zablokowana)
  • Build produkcyjny9min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Średnia ocen autora: 4,7

Bio

Nazywam się Adam Gospodarczyk, jestem designerem i full-stack developerem. Przez całą swoją karierę zawodową pracuję w świecie startupów z branży edukacji, szkoleń pracowników oraz rekrutacji. Jestem współzałożycielem trzech produktów, które rozwijałem w roli CTO od samego początku. Przez ten czas zdobyłem szerokie doświadczenie znacznie wykraczające poza zakres samej technologii. W maju 2017 roku założyłem kanał na YouTube „overment” (https://overment.com) w ramach side-project’u po godzinach. Dziś jest to jeden z największych w Polsce tego typu projektów dla programistów za który otrzymałem nagrodę „JavaScript Hero of Community” podczas konferencji JS Poland 2019. Łącząc moje startup’owe doświadczenie z pasją do technologii, pomogę Ci nauczyć się programowania patrząc szerzej na perspektywę całego biznesu - jest to doceniana przez pracodawców umiejętność, którą wiele osób całkowicie pomija. Przy tym wszystkim pokażę Ci jak ważna jest regularna nauka i pozostawanie na bieżąco.