---
title: eduweb
--- 

[[Projekty/eduweb]] to projekt w który angażuję się od kwietnia 2020 roku. Ma on dla mnie szczególne znaczenie, ponieważ to właśnie na eduweb zaczynałem poważną naukę programowania.

## Kursy

### Kurs Keyboard Maestro
Keyboard Maestro to aplikacja dla systemu MacOS, umożliwiająca automatyzację niemal dowolnej akcji wykonywanej na komputerze. W tym kursie znajdziesz praktyczne przykłady oraz inspiracje, które pomogą Ci tworzyć proste i rozbudowane makra, które pozwolą Ci zaoszczędzić wiele godzin pracy. 

🔗 [Strona kursu](https://eduweb.pl/marketing-i-biznes/biznes/keyboard-maestro-automatyzacja-macos?ref=overment)

### Kurs TypeScript - Podstawy
Materiał stanowiący absolutne wprowadzenie do [[TypeScript]] wyjaśniający fundamentalne założenia oraz składnię. Przeznaczony jest dla osób, które znają już [[Wiedza/Programowanie/JavaScript/JavaScript]].

🔗 [Strona kursu](https://eduweb.pl/programowanie-i-www/typescript/typescript-podstawy?ref=overment)

### Kurs TypeScript - Zaawansowany
Jest to kontyunacja kursu [[Projekty/eduweb#Kurs TypeScript - Podstawy]] w której przechodzę przez bardziej zaawansowane wykorzystanie typów oraz praktyczną konfigurację projektu TypeScript. 

🔗 [Strona kursu](https://eduweb.pl/programowanie-i-www/typescript/typescript-techniki-zaawansowane?ref=overment)

### Warsztat: Wszystko o Typach
Warsztat na temat typów w [[Wiedza/Programowanie/JavaScript/JavaScript]] oraz ich znaczenia w kontekście [[TypeScript]]. Dowiesz się z niego czym jest statyczne i dynamiczne typowanie. Pokazuję w nim również jakie argumenty przemawiają za wykorzystaniem TypeScript.

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/typescript/wszystko-o-typach?ref=overment)

### Warsztat: Czy warto uczyć się TypeScript'u?
Z tego materiału dowiesz się kiedy warto nauczyć się [[TypeScript]].

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/typescript/czy-warto-uczyc-sie-typescript?ref=overment)

### Warsztat: Czy Tailwind zastąpi Bootstrapa?
Ten warsztat przeznaczony jest dla osób, które chcą zobaczyć jak korzystać z [[Tailwind CSS]] w praktyce na przykładzie kodowania komponentu serwisu [[Projekty/eduweb]]. Dodatkowo zachęcam do przeczytania mojego [wpisu na temat Tailwind](https://blog.eduweb.pl/tailwind-to-rewolucja-jesli/)

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/html-css/tailwind-css-czy-zastapi-bootstrapa?ref=overment)

### Warsztat: Regex dla Web Developera
W tym materiale znajdziesz minimum niezbędnej wiedzy na temat [[Regex]], która z pewnością przyda Ci się w codziennej pracy. Poza tym są to umiejętności przydatne w korzystaniu z aplikacji takich jak [[Optymalizacja/Narzędzia/MakeHQ]], [[Optymalizacja/Narzędzia/Zapier]], [[Optymalizacja/Narzędzia/Keyboard Maestro]] lub [[Optymalizacja/Narzędzia/Hazel]].

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/javascript/regex-dla-webdevelopera?ref=overment)

### Warsztat: Workflow Web Developera 2021
W tym materiale dzielę się swoimi sugestiami w kontekście [[Optymalizacja/Optymalizacja]] pracy programisty. Wskazuję w nim 
- z jakiego edytora kodu warto korzystać, 
- jak skonfigurować [[Visual Studio Code]], 
- jak pracować na wielu urządzeniach i przeglądarkach jednocześnie
- jak skonfigurować środowisko lokalne
- czy warto sięgać po [[Wiedza/Programowanie/No-Code]]
- w jaki sposób AI pomaga nam kodować już dziś? ([[Optymalizacja/Narzędzia/Tabnine]])
- dlaczego warto sięgać po debuggery, lintery i automatyzacje?
- jak szybko i bezpłatnie hostować proste strony www
- czy warto inwestować w sprzęt i jeżeli tak to jaki? 

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/html-css/nowoczesny-workflow-webdevelopera-edycja-2020-21?ref=overment)

### Warsztat: Przegląd Svelte
Warsztat w którym pokazuję czym jest [[Svelte]], jakie możliwości oferuje w porównaniu z innymi frameworkami [[Wiedza/Programowanie/JavaScript/JavaScript]] oraz czy warto z niego korzystać?

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/javascript/svelte-przeglad-frameworka?ref=overment)

### Warsztat: CSS Houdini
CSS Houdini to stosunkowo nowe API [[CSS]], dające większe możliwości kontroli właściwości CSS, definiowania własnych oraz tworzenia wydajnych i zaawansowanych animacji w połączeniu z [[Wiedza/Programowanie/JavaScript/JavaScript]].

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/html-css/css-houdini-przeglad-mozliwosci?ref=overment)

### Warsztat: Laravel Livewire
Osobiście wykorzystuję [[Laravel]] w kilku rozwijanych przeze mnie projektach. Livewire to framework [[Wiedza/Programowanie/JavaScript/JavaScript]] umożliwiający tworzenie wysoko interaktywnych aplikacji bez konieczności wykorzystania framework'ów front-endowych. 

W mojej opinii jest to raczej ciekawostka, która może zostać wykorzystana w bardzo wąskiej grupie projektów. Szczególnie przydatny w przypadku [[Rapid Development]].

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/php/livewire-full-stack-development-w-php?ref=overment)	

### Warsztat: Nowości w ES2019 / ES2020
Nagranie z nowymi funkcjami [[Wiedza/Programowanie/JavaScript/JavaScript]] dostępnymi wraz z [[ES2019]] i [[ES2020]] a w tym: 
- Object.entries() & Object.fromEntries()
- Array.flat() & Array.flatMap()
- trimStart() / trimEnd()
- Optional Chaining & Nullish coalescing
- String.prototype.matchAll()
- [[Wiedza/Programowanie/JavaScript/Promise/Promise]].allSettled() 
- globalThis
- BigInt
- Symbol.description

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/javascript/nowosci-w-ecmascript-2019-20?ref=overment)	

### Warsztat: Asynchroniczność w JavaScript
W tym warsztacie wyjaśniam najważniejsze koncepcje dotyczące asynchroniczności w [[Wiedza/Programowanie/JavaScript/JavaScript]] takie jak [[Event Loop]], [[Wiedza/Programowanie/JavaScript/Programowanie funkcyjne/Higher-Order Function]], [[Wiedza/Programowanie/JavaScript/Programowanie funkcyjne/Currying]], [[Wiedza/Programowanie/JavaScript/Programowanie funkcyjne/Pure Functions]], [[Callback]], [[Wiedza/Programowanie/JavaScript/Promise/Promise]], [[Wiedza/Programowanie/JavaScript/Promise/Async Await]] oraz obsługę błędów w JavaScript. 

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/javascript/asynchronicznosc-w-javascript-krok-po-kroku?ref=overment)

### Warsztat: Zaawansowane debugowanie w JavaScript
Ten warsztat zawiera najważniejsze techniki dotyczące debugowania kodu [[Wiedza/Programowanie/JavaScript/JavaScript]] zarówno z wykorzystaniem Chrome Dev Tools jak i wbudowanego debuggera w [[Visual Studio Code]]. Całość uwzględnia zarówno debugowanie aplikacji po stronie klienta ([[Vue]]) oraz serwera ([[Nest]])

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/javascript/zaawansowane-debugowanie-javascript-i-nodejs?ref=overment)

### Warsztat: JavaScript bez tajemnic
Warsztat w którym wyjaśniam kluczowe koncepcje [[Wiedza/Programowanie/JavaScript/JavaScript]], które często sprawiają wiele problemów. Mowa o: 
- Zakres globalny, lokalny i blokowy [[Wiedza/Programowanie/JavaScript/Zakres/Scope]]
- [[Hoisting]] i Temporal Dead Zone
- [[Wiedza/Programowanie/JavaScript/Zakres/Closures]]
- Słowo kluczowe [[this (JavaScript)]]
- Metody call, apply i bind
- Moduły
- Przekazywanie informacji przez wartość i referencję
- Kopiowanie i zamrażanie obiektów

🔗 [Strona warsztatu](https://eduweb.pl/programowanie-i-www/javascript/javascript-bez-tajemnic?ref=overment)