mirror of
https://github.com/jackyzha0/quartz.git
synced 2025-12-24 05:14:06 -06:00
110 lines
7.5 KiB
Markdown
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) |