Twórz aplikację krok po kroku od pierwszej lekcji
i jednocześnie poznawaj podstawy programowania!
Jak sama nazwa wskazuje, w trakcie tego metakursu:
- będziemy tworzyć i stopniowo rozbudowywać aplikację do zarządzania listą zadań do zrobienia, która będzie działać w przeglądarce,
- i przy okazji tworzenia aplikacji opanujemy niezbędne do tego podstawy języka JavaScript oraz HTML.
Aplikacja, którą stworzymy, umożliwi nam:
- zapisywanie,
- przechowywanie,
- wyświetlanie,
- dodawanie,
- modyfikowanie oraz
- usuwanie zadań do zrobienia.
Struktura metakursu
Kurs ten nazwałem metakursem, ponieważ jest on zlepkiem 4 mniejszych odrębnych kursów, skupionych na konkretnych językach programowania, ich integracji oraz wbudowanych funkcjonalnościach przeglądarki.
1️⃣ JavaScript
Na początku (w 1. module kursu JavaScript) będziemy zarządzać naszymi zadaniami za pomocą nowopoznanych poleceń JavaScript w konsoli (za chwilę dowiesz się, czym jest konsola i jak z niej korzystać).
Później (w module 2. kursu JavaScript) stworzymy i będziemy używać własnych funkcji, które zostaną zapisane w pliku bezpośrednio w przeglądarce, dzięki czemu nasz kod zostanie zachowany nawet po przeładowaniu strony oraz będziemy mogli go uruchomić w konsoli.
2️⃣ Local Storage
Później przejdziemy do kursu Local Storage, w którym rozbudujemy naszą aplikację w ten sposób, że zadania zostaną zapisane w "pamięci" przeglądarki, dzięki czemu ich nie utracimy nawet po zamknięciu przeglądarki.
3️⃣ HTML
Potem poznamy totalnie ascetyczne podstawy HTML, by stworzyć prosty UI (widok naszej aplikacji w przeglądarce).
4️⃣ HTML + DOM
Ostatecznie zaś zintegrujemy HTML i JavaScript za pomocą DOM, dzięki czemu przeniesiemy naszą aplikację z konsoli do przeglądarki oraz zintegrujemy nasz UI z kodem JavaScript. W ten sposób powstanie prawdziwa interaktywna aplikacja do zarządzania zadaniami z interfacem użytkownika w przeglądarce - z przyciskami, okienkiem dialogowym do wpisywania zadań itd.
Przyszłość strony kodujemywbiurze.pl oraz kursu/ów
W zależności od Waszego zainteresowania projektem, będziemy rozbudowywać niniejszeją stronę i dodawać kolejne lekcje i kursy, co znaczy, że:
- będziemy przekształcać i dalej rozwijać ww. aplikację w aplikację z pełnego zdarzenia - z bazą danych w chmurze, rejestracją użytkowników, opublikowaniem aplikacji w Internecie itd.,
- powstanie drugi metakurs Programowanie interaktywnych stron internetowych, który także będzie korzystał z istniejących kursów na tej stronie, jednak będzie kładł nacisk na specyfikę budowy stron www, a nie aplikacji webowych.
Sky is the limit, aczkolwiek na początek w ramach eksperymentu ograniczymy się do funkcjonalności, którymi dysponuje nasza przeglądarka.
Polub 👍 i udostępnij ✈️, by strona mogła się rozwijać! 🚀
Mam nadzieję, że kiedy dobrniesz do końca kursu (w obecnej postaci), będziesz chciał/a więcej!
Jeśli tak będzie, to daj mi znać, że jesteś zainteresowany/a dalszymi lekcjami w tym samym stylu.
Pamiętaj, że rozwój niniejszego projektu zależy od Twojego zainteresowania, dlatego zachęcam do:
- 👍 polubienia i śledzenia profilu na Facebooku i LinkedIn oraz
- 📢 udostępniania tej strony, by jak najwięcej osób mogło skorzystać z szansy na rozwój!
Happy Coding!