quartz/content/Projekty/eduweb.md
Adam Gospodarczyk 50fb78a63f Updated notes
2022-05-16 17:51:32 +02:00

110 lines
7.5 KiB
Markdown

---
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)