kodujemywbiurze.pl

Kodujemy w biurze

Naucz się podstaw programowania webowego (na razie JavaScript i HTML)... w przerwach między zadaniami w biurze!

Zamień skrollowanie 📱 na kodowanie 💻!

• 🏢 Pracujesz w biurze?
• 💻 Masz do dyspozycji komputer/ laptop, Internet?
• ☕ Kubek kawy/ herbaty?

A może tak spróbujesz... pokodować zamiast scrollować social media 😈?

Kodujemy w biurze powstało, by zachęcić pracowników biurowych do spróbowania swoich sił w kodowaniu webowym, czyli sztuce tworzenia stron internetowych i aplikacji webowych w przyjazny i nie wymagający żadnych konfiguracji sposób.

Przekonaj się, że programowanie jest...

• 😃 dostępne dla każdego
• 🤸 świetną zabawą
• 🦉 rozrywką intelektualną
• 💰 wartościowym skillem
• 🚀 szansą na przebranżowienie
• 🦄 sposobem na wyróżnienie się
• 🌈 mega kreatywne

Twórz aplikację do zarządzania zadaniami krok po kroku od pierwszej lekcji!

Ponieważ wolę uczyć się nowych rzeczy w praktyce, widząc natychmiastowe rezultaty mojej nauki i pracy, dlatego w trakcie tego darmowego kursu:

• od samego początku będziesz tworzyć coraz bardziej rozbudowaną aplikację do zarządzania listą zadań do zrobienia, która będzie działać w konsoli naszej przeglądarki bezpośrednio na tej stronie, a potem zostanie przekształcona w samodzielną aplikację webową,
• przy okazji tworzenia aplikacji opanujemy podstawy języka JavaScript - najbardziej popularnego języka programowania, a potem także niezbędne podstawy HTML i CSS (w kolejnych kursach/lekcjach).

Aplikacja, którą stworzymy, umożliwi nam:

• zapisywanie,
• przechowywanie,
• wyświetlanie,
• dodawanie,
• modyfikowanie oraz
• usuwanie zadań do zrobienia.

Struktura metakursu Programowanie aplikacji webowych

Niniejszy kurs składa się z mniejszych, dedykowanych określonym tematom i w pełni samodzielnych kursów, stąd też całość określam mianem metakursu.

JavaScript

Na początku (w 1. module kursu JavaScript) będzie to możliwe za pomocą poleceń napisanych przez nas kodem (poleceniami w czystym) JavaScript w konsoli.

Później (Moduł 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. W ten sposób powstanie aplikacja w wersji 1.0.

Local Storage

W kursie Local Storage rozbudujemy naszą aplikację w taki sposób, że zadania będą zapisywane i pozostaną w pamięci przeglądarki za pośrednictwem wbudowanej funkcjonalności localStorage, która jest swego rodzaju magazynem danych. W ten sposób powstanie aplikacja w wersji 2.0.

HTML i DOM

Z kolei później poznamy minimum HTML oraz podstawy DOM, który integruje HTML i JavaScript, dzięki czemu przeniesiemy naszą aplikację z konsoli przeglądarki bezpośrednio do okna przeglądarki i stworzymy prosty UI zintegrowany z kodem JavaScript, w związku z czym aplikacja będzie działać i wyglądać jak prawdziwa (chociaż i prosta) strona internetowa.

CTA: polub i udostępnij, by strona mogła się rozwijać!

Mam nadzieję, że kiedy dobrniesz do końca kursu (w obecnej postaci), będziesz chcieć więcej! Jeśli tak będzie, to daj mi znać, że interesują Cię dalsze lekcje 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!

Technologie użyte do napisania aplikacji (Tech Stack)

Strona internetowa niniejszego kursu została napisana "od podszewki" pierwotnie (2023) z wykorzystaniem frameworka Svelte/Sveltekit (tę wersję kodu można zobaczyć w branchu svelte-legacy-version), natomiast we wrześniu 2025 została przepisana w całości w technologiach i językach programowania wymienionych w poniższej tabeli:

Frameworki
Języki
Udostępnienie w Internecie