Kurs Podstawy Programowania

Wprowadzenie

Koszyk Koszyk
  • Opis
  • Recenzje
  • Autor
  • Transkrypt
  • Pytania i odpowiedzi
  • QA

11 ocen

Wprowadzenie

Chcesz zostać programistą? W tym kursie zobaczysz programowanie z szerokiej perspektywy - poznasz absolutne podstawy i najważniejsze zagadnienia, które pozwolą Ci zrozumieć czym jest programowanie oraz jakie możliwości przed Tobą stoją. W pierwszej części zrozumiesz teorię stojącą za językami programowania oraz dowiesz się o ścieżkach rozwoju. Natomiast w drugiej części na praktycznych przykładach poznasz najważniejsze elementy języków, na przykładzie najpopularniejszego z nich - JavaScriptu. Ten materiał został starannie opracowany przez duet Piotr Palarz oraz Adam Gospodarczyk - naszych topowych trenerów. Dzięki nim, nauka programowania właśnie stała się prostsza!

  1. Jak działają komputery?
  2. Po co nam programy komputerowe?
  3. Czym są algorytmy?
  4. Jak wyglądają programy "od środka"
  5. Czym są języki programowania?
  6. Dziedziny programowania
  7. Elementy wspólne dla różnych języków programowania
  8. Ścieżki rozwoju jako programista
  9. Praca programisty
  10. Wskazówki i porady
  11. Edytory kodu
  12. Programowanie w praktyce (JavaScript)

Od czego zacząć naukę programowania?

Programowanie to szeroka dziedzina, która nieustannie się rozwija. Rozpoczynając naukę możemy opierać się głównie na wskazówkach bardziej doświadczonych osób, bądź autorach kursów i nauczycielach. W praktyce najważniejsze na początku jest dobre zrozumienie tego, czym jest programowanie, jakie możliwości daje oraz jakie możemy wybrać ścieżki rozwoju. W tym kursie spojrzymy na programowanie z szerokiej perspektywy, dając Ci solidne podstawy do dalszej nauki.

Jaki język programowania wybrać?

To kolejne trudne pytanie, na które nie ma jednoznacznej odpowiedzi. Dobra wiadomość jest taka że języki programowania, podobnie jak angielski, niemiecki czy hiszpański mają cechy wspólne. Nie oznacza to że nauka jednego, da Ci dostęp do wszystkich ale poznasz ogólne mechanizmy, które spotkasz w niemal wszystkich pozostałych technologiach. W tym kursie skupiamy się właśnie na takich obszarach, opierając przykłady o obecnie najpopularniejszy język jakim jest JavaScript.

Jak wygląda praca programisty?

Być może zastanawiasz się jak dokładnie wygląda praca programisty? Czym różni się front-end od back-endu i czy wysokie umiejętności analityczne są wymagane niezależnie od obszaru programowania, którym się zajmujemy? Dodatkowo samo zostanie programistą to tylko początek drogi. Możliwości jakie przed nami stoją nie tylko są ogromne, ale również nieustannie się rozwijają, stawiając przed nami nowe wyzwania.

Od Teorii do Praktyki

Ten kurs podzielony jest na dwie części - teoretyczną, która przedstawi Ci szerokie spojrzenie na programowanie oraz praktyczną, w której samodzielnie będziesz w stanie przekonać się jak pisać programy z wykorzystaniem języka JavaScript - najpopularniejszego języka na świecie. To, że będziemy przerabiać przykłady w JavaScript, nie stanowi przeszkody a wręcz lepiej przygotuje Cię do pracy z innymi językami jak Python, C# czy C++ lub Kotlin. To wszystko ułatwi Ci podejmowanie decyzji dotyczących dalszej nauki i rozwoju jako programista.

Podstawy z Edytorem Kodu

W pierwszych lekcjach części praktycznej kursu dowiesz się jak skonfigurować środowisko pracy wraz z edytorem, w którym przyjdzie Ci pracować. Pomożemy Ci w dobraniu odpowiednich ustawień i wtyczek, które przyspieszą naukę i pomogą w lepszym zrozumieniu podstawowych koncepcji programistycznych. Krok po kroku dowiesz się jak przygotować środowisko i rozpocząć komfortową pracę.

Zmienne, funkcje, pętle...

Mimo, że będziemy pracować z JavaScript, posłuży nam on do przedstawienia najważniejszych koncepcji programowania w każdym innym języku. Nie będziemy uczyć się tworzenia stron i środowiska przeglądarki a jedynie przećwiczymy najważniejsze koncepcje języków programowania w środowisku konsolowym. Dzięki temu zdobyte umiejętności z łatwością przełożysz na inne języki jak Python, Java czy Swift, bo wszystkie posiadają identyczne konstrukcje, a poznać należy wyłącznie różnice.

Programowanie Obiektowe

OOP to jeden z najważniejszych paradygmatów programowania, który powinien poznać każdy aspirujący Programista. Dzięki temu będziesz mógł zdecydowanie lepiej zrozumieć możliwości i powiązania klas i obiektów, które tworzą programiści a także pisać kod, który jest prostszy i reużywalny. To koncepcja, którą także wyjaśnimy obrazowo w kursie. Oczywiście, poza teorią w kursie pokażemy Ci przykłady tworzenia funkcjonalnych klas w JavaScript.

Obsługa Błędów

Kolejną ważną koncepcją, którą musi znać każdy początkujący Programista jest praca z błędami - innymi słowy obsługa błędów lub debugowanie naszej aplikacji. To niezwykle ważne, bo oszczędzi Ci mnóstwa frustracji oraz wielu godzin rozpoznawania, co w kodzie nie działa poprawnie. Z kursu w praktyce dowiesz się, jak testować swoje aplikacje, łatwo wykrywać błędy i korzystać z narzędzi, które będą je dla nas wykrywać lub automatycznie poprawiać!

Jedyne źródło, którego potrzebujesz!

Ten kurs przygotowaliśmy tak, aby był fundamentem wiedzy o Programowaniu, którego używamy w wielu naszych ścieżkach na eduweb.pl. To znaczy, że kurs który masz przed sobą rozpoczyna ścieżkę Python, JavaScript, Ruby i wiele innych. Wiemy, że w sieci jest mnóstwo materiałów na temat podstaw programowania i chcieliśmy przygotować wyjątkowy kurs, który da Ci spokój w natłoku wielu informacji w sieci. Zaangażowaliśmy w to najlepszych autorów eduweb oraz naszym zdaniem jednych z najlepszych programistów w Polsce. To, co jest jednak najważniejsze - kurs omawia programowanie bardzo prostym językiem, dzięki czemu jest przystępny dla każdego!

Dla kogo jest ten kurs?

Kurs przeznaczony jest dla osób początkujących, które stawiają swoje pierwsze kroki na scieżce programisty lub programistki. Jednak skorzystają z niego także te osoby, które myślą o nauce programowania w celu uzupełnienia innych umiejętności, na przykład internetowi przedsiębiorcy, freelancerzy, UI/UX i web designerzy. Jeżeli czujesz się zagubiony lub przytłoczony dużą ilością często sprzecznych informacji - ten materiał pozwoli Ci szerzej spojrzeć na programowanie. To z kolei przełoży się na lepsze decyzje, które będziesz podejmować w kontekście swojego rozwoju. W kursie znajdziesz wskazówki i porady dotyczące efektywnej nauki programowania, które pomogą Ci szybciej zdobyć nowe umiejętności i pracę w zawodzie. Najważniejszą z nich jest fakt, że programowanie to dynamicznie rozwijająca się dziedzina, która wymaga od Ciebie nieustannej nauki. Zatem wypracowanie odpowiednich nawyków i technik nauki jest niezwykle istotne, niezależnie od miejsca w którym aktualnie się znajdujesz.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
  3. Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
9 godzin 20 minut

Kurs JavaScript

od Podstaw

Kurs, który masz przed sobą, to nowe wydanie naszego najpopularniejszego kursu JavaScript, zaktualizowane o nowości, które pojawiły się zarówno w samym języku, jak i w przeglądarkach internetowych, na przestrzeni ostatnich lat. Materiał ten wprowadzi Cię w świat języka JavaScript na potrzeby sieci, dając Ci solidne podstawy do tego, by tworzyć bardziej dynamiczne strony internetowe. Będzie również świetnym fundamentem do poznawania frameworków typu Angular, React czy Vue.

Piotr Palarz

34 minuty

Regex dla WebDevelopera

Niezbędne Minimum dla Każdego

Wyrażenia regularne (Regex) to temat, który wielu programistów omija a inni poświęcają mu więcej czasu niż to konieczne. Faktem jest że czasem regex jest przydatny w codziennej pracy. W tym warsztacie dowiesz się 20% wiedzy, która da Ci 80% rezultatu w rozumieniu oraz wykorzystaniu wyrażeń regularnych.

Adam Gospodarczyk

2 godziny 7 minut

Kurs GraphQL

Projektowanie Serwera

Na przestrzeni ostatnich lat GraphQL stał się bardzo popularny. Coraz więcej firm inwestuje w technologię GraphQL ze względu na rewolucyjne podejście do pobierania danych oraz jego prostotę. Dlatego, jeżeli spojrzymy na rynek pracy to możemy zobaczyć, że GraphQL staję się pewnego rodzaju "must have", którego z pewnością warto się nauczyć. W tym Kursie poznasz GraphQL od strony back-end'u i dowiesz się, jak tworzyć własne serwery oparte na grafach.

Przemysław Nowak

40 minut

Svelte

Przegląd Frameworka

Svelte to alternatywa dla frameworków takich jak React, Angular czy Vue. Podobnie jak one umożliwia tworzenie rozbudowanych i wysoko interaktywnych interfejsów, natomiast różni się od nich procesem generowania aplikacji. W praktyce Svelte nie jest do końca frameworkiem, lecz compilerem generującym czysty kod JavaScript. Pomimo jego nadal niskiej popularności, cieszy się wysokim zainteresowaniem programistów oraz bardzo dobrymi ocenami satysfakcji.

Adam Gospodarczyk

37 minut

Nowości w EcmaScript 2019 / 20

Zobacz nowe możliwości ES10/11

JavaScript od kilku lat regularnie się rozwija, dodając nowe funkcje ułatwiające pracę lub dające zupełnie nowe możliwości. W tym warsztacie dowiesz się o najważniejszych nowościach, które pojawiły się w wersjach EcmaScript 2019 oraz EcmaScript 2020. Wśród nich znajdziesz m.in. optional chaining, nullish coalescing czy nowe metody dla ciągów znaków i tablic.

Adam Gospodarczyk

41 minut

Asynchroniczność w JavaScript

Krok po Kroku

Asynchroniczność w JavaScript z jednej strony daje duże możliwości a z drugiej stawia przed nami wyzwania dotyczące zapanowania nad kodem aplikacji. W tym warsztacie poznasz najważniejsze zagadnienia i kontekst, które pozwolą Ci lepiej zrozumieć asynchroniczność oraz różne techniki przydatne w praktyce. Mowa m.in. o Higher-Order Functions, Currying oraz Promise i składni Async / Await.

Adam Gospodarczyk

27 minut

Zaawansowane debugowanie JavaScript i Node.js

w Visual Studio Code

Debugowanie i inspekcja kodu jest nieodłącznym elementem rozwijania oprogramowania. W przypadku JavaScript & Node.js najprostszym sposobem podglądania zawartości zmiennych jest wykorzystanie metody console.log(). Problem polega na tym że za każdym razem ten proces zajmuje nam więcej czasu niż powinien. Aby realizować zadania szybciej, warto sięgnąć po debuggery dostępne np. w Chrome Dev Tools czy Visual Studio Code. Wystarczy ich jednorazowa konfiguracja dopasowana do projektu aby później łatwo debugować nasz kod. W tym warsztacie dowiesz się, jak możesz to zrobić!

Adam Gospodarczyk

42 minuty

JavaScript bez Tajemnic

Scope, this, closure i typy złożone

JavaScript nieustannie się rozwija i stopniowo pojawiają się w nim funkcje, które usprawniają pracę lub adresują określone problemy. Jednak ze względu na konieczność zachowania wstecznej kompatybilności, pewne elementy pozostają niezmienne co jest jednocześnie zaletą i wadą. Podczas nauki JavaScriptu można spotkać zagadnienia, które często sprawiają problemy nawet doświadczonym programistom. Na podstawie przeprowadzonej ankiety, zrobiliśmy ich listę i te najczęściej spotykane opracowaliśmy tak, aby były zrozumiałe dla każdej osoby posiadającej podstawy znajomości tego języka.

Adam Gospodarczyk

2 godziny 14 minut

Kurs GraphQL

Techniki Pracy

Na przestrzeni ostatnich lat GraphQL stał się bardzo popularny. Coraz więcej firm inwestuje w GraphQL ze względu na rewolucyjne podejście do pobierania danych oraz jego prostotę. Dlatego, jeżeli spojrzymy na rynek pracy to możemy zobaczyć, że GraphQL staję się pewnego rodzaju "must have", którego z pewnością warto się nauczyć. W tym Kursie poznasz podstawy GraphQL i dowiesz się, jak możesz wykorzystać go w codziennej pracy i projektach.

Przemysław Nowak

1 godzina

Co nowego w EcmaScript 2018

EcmaScript 2015 to standard znany szerzej pod skrótem ES6. To jak do tej pory największa jednorazowa zmiana w specyfikacji, na której bazuje język JavaScript. Co ważne, standard ten zapoczątkował ruch w kierunku ciągłego rozwoju tego języka, a twórcy specyfikacji podjęli wyzwanie wydawania kolejnych wersji każdego roku. I tak w 2016 i 2017 roku otrzymaliśmy kilka nowości. Nie były one przełomowe, nie było ich również tak wiele, jak w roku 2015. Taki bowiem był cel, aby wydawać nowe standardy częściej, ale z mniejszą liczbą zmian. <br><br> W roku 2018 planowane jest wydanie kolejnej wersji standardu - EcmaScript 2018. I choć prace nad nim nie zostały jeszcze ukończone, to już kilka propozycji znalazło się w fazie 4, a więc są zatwierdzone, a kilka wciąż pozostaje w fazie 3, mając szansę na dostanie się do standardu. <br><br> W tym warsztacie przyjrzymy się wszystkim nowościom, z których już dziś można korzystać, usprawniając swoją pracę z kodem JavaScript. Poprzednie wersje, tj. 2015+ omówliśmy już szczegółowo w <a href="https://eduweb.pl/kursy/javascript/ecmascript6-nowy-standard-javascript.html">kursie EcmaScript 2015</a>. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Progressive Web Apps - Service Workers

Progressive Web Apps to termin określający aplikacje internetowe, spełniające pewne kryteria. Aplikacje te powinny być niezawodne, szybkie i angażujące. Pod tymi słowami kluczowymi kryją się jednak konkretne techniki i technologie, które należy zastosować, by aplikację określić tym mianem. Jedną z nich jest serwowanie treści zawsze z użyciem bezpiecznego protokołu HTTPS, dostosowanie widoku do urządzeń mobilnych czy możliwość wyświetlania treści bez aktywnego połączenia z internetem.<br><br> W tym warsztacie omówimy po krótce całą "checklistę" dla PWA, a także skupimy się dokładniej na jednym z aspektów takich aplikacji - na ich działaniu w trybie offline. Przyjrzymy się technologii o nazwie Service Workers, która takie zadanie umożliwia. Zobaczysz jak zarejestrować "workera", a także jak za jego pomocą serwować treści z pamięci podręcznej. Zareagujemy również na ponowne połączenie z internetem, by prezentować użytkownikom aktualne treści, gdy tylko to możliwe.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina 50 minut

Co nowego w ES6

ES6 to potoczna nazwa, która określa najnowszą wersję specyfikacji EcmaScript, na której z kolei bazuje język JavaScript. Specyfikacja ta oficjalnie zadebiutowała w 2015 roku pod nazwą EcmaScript 2015, wnosząc do języka bardzo wiele nowych funkcji oraz poprawek. I choć wydana została już kolejna wersja EcmaScript 2016 i corocznie wydawane będą następne wersje, to nie wnoszą one jednorazowo tak wiele zmian jak ta z 2015 roku. <br><br> W warsztacie tym przyjrzymy się większości z nowych funkcjonalności w ES6, takim jak nowe słowa kluczowe do tworzenia zmiennych, zmiany w funkcjach czy nowy zapis dla klas. Dowiesz się również jak pracować z modułami, jak korzystać z operatorów rest i spread, jak dekomponować obiekty, wykorzystywać iteratory czy tworzyć tzw. promise. <br><br> I choć nowoczesne przeglądarki świetnie wspierają nowy standard, to wciąż bezpieczną i dobrą praktyką jest transpilowanie kodu napisanego w ES6 do poprzedniego standardu - ES5. Dowiesz się zatem jak takie zadanie wykonać automatycznie z użyciem Babel. To najlepszy czas na to, by tworzyć nowoczesny kod z użyciem najnowszych funkcji języka JavaScript! <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

10 godzin 43 minuty

Kurs EcmaScript 6

Nowy Standard JavaScript

Kurs, który masz przed sobą, to 10-godzinna przygoda z najnowszą edycją języka JavaScript. Mowa tutaj konkretnie o specyfikacji EcmaScript 2015, która do języka JavaScript wprowadziła bardzo wiele nowości. Jeśli zatem spotkałeś się z określeniem ES6 lub EcmaScript 6, to chodzi właśnie o tę specyfikację. Nowości, które zostały dodane do języka to z jednej strony nowy, ulepszony zapis, który pozwala realizować dokładnie te same zadania, które mogliśmy wykonać do tej pory, a z drugiej strony pewne nowe konstrukcje, których działania nie da się odwzorować w starszej wersji języka. Pisanie kodu ES6 to dzisiaj standard, a znajomość tej specyfikacji to konieczność, aby utrzymać się na rynku pracy lub postawić na nim pierwsze kroki. Warto zatem poznać wszystkie nowości, które się z nią wiążą.

Piotr Palarz

1 godzina 44 minuty

Nowoczesny Workflow z Webpack 2

Webpack to narzędzie, które w ostatnim czasie zyskuje ogromne uznanie wśród Front-end Developerów. Nie dzieje się tak jednak bez przyczyny, gdyż korzystanie z webpacka znacznie ułatwia tworzenie nowoczesnych, rozbudowanych aplikacji internetowych, a narzędzie to stało się nawet częścią angular-cli dostępnego w <a href="https://eduweb.pl/kursy/javascript/angular2-od-podstaw.html">Angular 2</a>. <br><br> W warsztacie tym poznasz narzędzie webpack 2 od podstaw. Napiszemy wspólnie każdą potrzebną linijkę w pliku konfiguracyjnym, a poszczególne zagadnienia rozłożymy na czynniki pierwsze. Zrozumienie idei, jaka kryje się za webpackiem, jest kluczowe do odpowiedniego wykorzystania tego narzędzia. Jest to bowiem tzw. bundler kodu. Ale co to oznacza? Czym różni się od <a href="https://eduweb.pl/live/automatyzacja-z-gulp.js">Gulpa</a> czy <a href="https://eduweb.pl/live/wprowadzenie-do-grunt-js">Grunta</a>? Ten warsztat odpowie na wszystkie te pytania. Dodatkowo dowiesz się jak pracować z modułami ES6, jak transpilować kod ES6 do ES5 z użyciem Babel oraz jak pracować z kodem SASS wprost w swoich modułach. <br><br> Kiedy zrozumiesz jak działa webpack, bez trudu stworzysz swój wymarzony workflow! <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Tworzenie Aplikacji CMS z KeystoneJS cz.2

Zobaczysz jak przygotowaną w <a href="http://eduweb.pl/live/tworzenie-aplikacji-cms-z-keystonejs-cz.-1">poprzednim warsztacie (klik)</a> bazę rozwinąć o nowe możliwości. Dodamy funkcjonalności pozwalające na rejestrację zewnętrznych użytkowników, a także dodawanie przez nich ogłoszeń, którymi będzie można zarządzać wprost z przyjaznego panelu administracyjnego. <br><br> Te dwa warsztaty pokażą Ci niemal wszystko co jest potrzebne, by tworzyć zaawansowane aplikacje CMS z użyciem KeystoneJS. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Tworzenie Aplikacji CMS z KeystoneJS cz. 1

Node.js to świetna platforma do tworzenia nowoczesnych oraz wydajnych aplikacji webowych. Wraz z jej rozwojem, pojawiają się nowe projekty, moduły czy frameworki, które jeszcze bardziej ułatwiają budowanie takich aplikacji. Jednym z najciekawszych frameworków zbudowanych na tej platformie jest KeystoneJS, który umożliwia łatwe tworzenie systemów CMS. Z tego warsztatu dowiesz się jak zainstalować KeystoneJS, a także jak na bazie tego frameworku zbudować prosty blog z możliwością zarządzania treścią. Następnie stworzymy własny typ wpisów - ogłoszenie - i będzie to baza pod drugą część tego warsztatu, <a href="http://eduweb.pl/live/tworzenie-aplikacji-cms-z-keystonejs-cz.2">którą znajdziesz tutaj (klik)</a>. <br><br> Zobaczysz, że tworzenie aplikacji z dostępnym panelem administracyjnym może być naprawdę proste i przyjemne. <br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

1 godzina

Techniki budowania biblioteki JavaScript

jQuery to najpopularniejsza biblioteka JavaScriptowa na świecie. Nie byłoby tak jednak, gdyby nie fakt, iż jest ona bardzo dobrze zbudowana, funkcjonalna i ciągle rozwijana. Sam być może znasz już język JavaScript, lecz zastanawiasz się, w jaki sposób tworzone są tak znakomite projekty jak jQuery.<br><br> W tym warsztacie poznasz co nieco historii biblioteki jQuery, a także dowiesz się, w jaki sposób została zbudowana. Przyjrzymy się najlepszym praktykom budowania własnej biblioteki JavaScriptowej, sposobom pracy nad jej kodem przez wiele osób, a także jej dystrybucji.<br><br> Na warsztat zaprasza Piotr Palarz.

Piotr Palarz

7 godzin 59 minut

Kurs Programowanie w jQuery

w Praktyce

Poznaj jQuery, czyli najbardziej popularną bibliotekę JavaScript na Świecie! Z jQuery korzystają niemal wszystkie nowoczesne serwisy WWW, a nasz Kurs stanowi niezwykle praktyczne i wyczerpujące omówienie tej biblioteki od podstaw, aż po bardziej zaawansowane techniki. Jeśli znasz już HTML i CSS oraz przynajmniej podstawy JavaScript, jQuery to kolejna obowiązkowa pozycja na Twojej drodze do tworzenia świetnych serwisów internetowych.

Piotr Palarz

9 godzin 47 minut

Kurs JavaScript

w Praktyce

Kurs ten jest dopełnieniem wiedzy z zakresu języka JavaScript i Obiektowego Modelu Dokumentu z kursu “JavaScript od Podstaw”. Poprzedni kurs nie jest wymagany, lecz jego przerobienie z pewnością pozwoli dużo lepiej przyswoić wiedzę z tego kursu, gdyż były one przygotowywane równocześnie. Oba te materiały, pozwolą od zera, wskoczyć na naprawdę wysoki poziom rozumienia języka, a także dobrych praktyk pisania kodu. Do tego kursu mogą jednak przystąpić wszystkie osoby, które znają już podstawy języka HTML, CSS i JavaScript i chcą poszerzyć swoją wiedzę, a także spojrzeć zupełnie inaczej na ten język.

Piotr Palarz

10 godzin 55 minut

Kurs JavaScript

od Podstaw

Kurs traktuje o jednym z najpopularniejszych języków programowania na świecie. Materiał przeznaczony jest dla wszystkich osób, które znają już podstawy HTML i CSS i chciałyby przejść poziom wyżej i dodać do swoich stron dynamiczności. W kursie nie brakuje praktycznych przykładów, które celowo zostały ułożone tak, aby wykorzystać w nich jak najwięcej zdobytej wiedzy. Ponadto, oprócz podstaw samego języka JavsScript, poruszamy również tematy zawiązane z Obiektowym Modelem Dokumentu. Dzięki wyraźnemu rozdzieleniu tych dwóch zagadnień, będziesz mógł w przyszłości wykorzystać język JavaScript także do innych zastosowań, nawet poza przeglądarką internetową!

Piotr Palarz

1 godzina 3 minuty

Logowanie i autentykacja użytkowników w Express.js

Tym razem poszerzymy wiedzę zdobytą w kursie <a style="color: #1696c5" href="http://eduweb.pl/kursy/javascript/nowoczesne-aplikacje-webowe-backbone.html">Nowoczesne Aplikacje Webowe z Backbone.js</a> o tematy związane z logowaniem i autentykacją użytkowników. <br><br> Dowiesz się jak przechowywać w bazie danych MongoDB dane użytkownika wraz z zaszyfrowanym hasłem, jak stworzyć mechanizm logowania wykorzystujący w połączeniu z Express.js sesje, a także jak to wszystko połączyć z aplikacją bazującą na Backbone.js, którą stworzyliśmy we wspomnianym kursie. <br><br> Na warsztat zaprasza Piotr Palarz. </body> </html>

Piotr Palarz

1 godzina 28 minut

Wprowadzenie do CoffeeScript

Spędzasz dużo czasu na pisaniu aplikacji w JavaScript? A może nie kodujesz w JS bo nie podoba Ci się jego składnia? W takim razie musisz sprawdzić CoffeeScript! CoffeScript to język programowania kompilowany do JavaScriptu. Aby zwiększyć czytelność kodu, jego składnia jest inspirowana Rubym oraz Pythonem. Pisząc aplikacje w CoffeScript, twój kod może być krótszy o 1/3 w porównaniu do jego JavaScriptowego odpowiednika, a to wszystko bez utraty wydajności! W trakcie tego warsztatu, poznasz podstawową składnię tego języka, a także zobaczysz jak CoffeeScript sprawdza się w praktyce podczas tworzenia aplikacji todo-listy "CoffeeTasks". Pracujesz na codzień z jQuery? To świetnie, podczas warsztatu dowiesz się jak pisać aplikacje w CoffeeScript z wykorzystaniem biblioteki jQuery. <br/><br/> Serdecznie zapraszam, Maciej Żukiewicz

Maciej Żukiewicz

1 godzina

Optymalizacja Stron WWW dla Urządzeń Mobilnych

W dobie coraz szybszego internetu często zapominamy o dobrej optymalizacji tworzonych przez nas stron i aplikacji internetowych. Powodów jest wiele: niewiedza, ignorancja, brak czasu. Ważna jest jednak świadomość, jak źle zoptymalizowane witryny, a dokładnie czas ich ładowania, wpływają na straty w prowadzonym biznesie. <br><br> Wiele z przeprowadzonych badań mówi jasno: internauci są dość wymagający i czas ładowania strony dłuższy niż 3 sekundy, potrafi ich skutecznie zniechęcić do dalszego oczekiwania. I co ciekawe, mówimy tutaj o czasie ładowania na urządzeniach mobilnych. Jednak nie tylko odwiedzający nasze witryny stawiają dla nas wysokie wymagania, gdyż od jakiegoś czasu również mechanizmy indeksujące wyszukiwarek internetowych gratyfikują strony dostosowane do urządzeń przenośnych, ale także dobrze zoptymalizowane. <br><br> Jeśli zatem jesteś osobą prowadzącą biznes online lub Web Developerem, który chce dobrze wykonać swoją pracę, powinieneś znać wszystkie tajniki optymalizacji stron internetowych dla urządzeń mobilnych. <br><br> W warsztacie tym poznasz więcej danych pochodzących z badań i statystyk, a następnie dowiesz się jakie kroki należy podjąć aby zbadać poziom zoptymalizowania witryny za pomocą popularnych narzędzi. Nie zabraknie również solidnego omówienia technicznych aspektów, które wpływają na czas ładowania się witryn internetowych, a także wielu przydatnych technik, które pozwolą się z tymi problemami uporać. <br><br> Jeśli zatem chcesz zoptymalizować swoją stronę internetową, by bardzo szybko wczytywała się na urządzeniach mobilnych, nawet podłączonych do sieci 3G, to koniecznie powinieneś wziąć udział w tym warsztacie. <br><br> Do usłyszenia, <br> Piotr Palarz

Piotr Palarz

11 godzin 32 minuty

Nowoczesne Aplikacje Webowe

w Backbone.js

Poznaj framework JavaScript MV* Backbone.js od A do Z i przygotuj razem z autorem praktyczną, nowoczesną aplikację webową napędzaną danymi. Kurs, który dla Ciebie przygotowaliśmy, pozwoli Ci wkroczyć w fascynujący świat tworzenia aplikacji webowych działających po stronie klienta! To podstawy które stanowią wprowadzenie do wszystkich tego typu materiałów na eduweb.pl i poza Backbone zawiera on cały proces przygotowania, wdrożenia aplikacji, refaktoryzacji kodu i wiele więcej! Będziemy pracować między innymi z technologiami Node.js, REST, Express.js czy MongoDB!

Piotr Palarz

1 godzina 32 minuty

Wprowadzenie do Grunt JS

W dzisiejszych czasach aplikacje webowe stają się coraz poważniejsze i liczą coraz więcej linijek kodu. Z tego powodu coraz trudniej pracuje się nad dużymi projektami, szczególnie, gdy wiele żmudnych zadań wykonujemy za każdym razem własnoręcznie. Tak jednak nie musi być, gdyż wraz z rozwojem branży, pojawiają się również nowe narzędzia, które ułatwiają nam wszystkim pracę. <br><br>Takim właśnie narzędziem jest Grunt.JS. To automator zadań, który wykona wiele z powtarzających się czynności za nas. Wystarczy, że odpowiednio skonfigurujemy nasz projekt instalując moduły i dostosowując zadania. Zobacz wprowadzenie do Warsztatu: <br><br> <iframe width="640" height="360" src="//www.youtube.com/embed/YJrOSEsFQLU?list=UUlpH0qhrmiq2HWO_FkUuTTg" frameborder="0" allowfullscreen></iframe> <br><br> Czas poświęcony w naukę tego narzędzia zwróci się w przyszłości wielokrotnie. Mniej frustracji, więcej wolnego czasu! <br><br> Na warsztat zaprasza Piotr Palarz.

Grzegorz Róg

1 godzina

Techniki Ładowania CSS i JS - Script Loaders

Czy zastanawiałeś się kiedyś, jaka jest prawidłowa kolejność umieszczenia skryptów oraz ich referencji w pliku HTML? Odpowiednie ładowanie skryptów ma ogromne znaczenie w kontekście wydajności Twojej witryny. Dowiedz się, jak przeglądarka parsuje pliki, czym są mechanizmy asynchroniczne a także jakie są sztuczki oraz techniki ładowania dodatkowych skryptów, które pozwolą Twojej witrynie działać sprawniej. <br><br> W tym warsztacie zajmiemy się tematem Script Loaderów, czyli narzędzi pozwalających na dynamiczne doładowywanie skryptów JavaScript czy też CSS. Poznasz takie rozwiązania jak LabJS, LazyLoad, BasketJS, YeapNope czy RequireJS. Dowiesz się również, jakie są różnice między tymi narzędziami oraz jak wybrać to odpowiednie, które pozwoli świadomie ładować skrypty w locie lub doładowywać je wtedy, gdy użytkownik wykonuje inne czynności na stronie. To wszystko znacznie zwiększy wydajność Twojej witryny. <br><br> Na Warsztat zaprasza Maciej Żukiewicz

Piotr Palarz

1 godzina 30 minut

Efekt Parallax na Stronie WWW

W tym Warsztacie poznasz od podstaw bardzo modny efekt Parallax, który możesz zastosować na swojej stronie WWW. Zajmiemy się dokładnym omówieniem podstawowych schematów wykorzystania Parallax na praktycznych przykładach. Przerobimy między innymi: <ul class="livelist"> <li>Poruszanie obiektami w zależności od położenia kursora myszy</li> <li>Scrollowanie stron z efektem Parallax</li> <li>Slider z wykorzystaniem jQuery Parallax i CSS3</li> </ul> <br> Przykłady zastosowania efektu Parallax znajdziesz na tych stronach WWW: <br> <p> <a href="http://www.zensorium.com/tinke/">http://www.zensorium.com/tinke/</a><br> <a href="http://www.ok-studios.de/home/">http://www.ok-studios.de/home/</a><br> <a href="http://www.intacto10years.com/">http://www.intacto10years.com/</a><br> </p> Na Warsztat zaprasza Maciej Żukiewicz.

Grzegorz Róg

1 godzina 20 minut

Responsive Web Design i Foundation

Tym razem na warsztat weźmiemy responsywne strony www i na przykładzie layoutu złożywmy w pełni responsowną stronę wyświetlającą się ze zmienną strukturą zależną od rozdzielczości ekranu na jakiej jest wyświetlana. Dodatkowo pokażę jak szybko i automatycznie przerobić długie menu widziane w rozdzielczości PC na selectbox'a widzianego w rozdzielczości smartfonowej. <br><br> Serdecznie zapraszam, Mateusz Manaj

Grzegorz Róg

1 godzina 16 minut

Pluginy do jQuery

Jeśli na co dzień korzystasz z biblioteki jQuery, jest niemal pewne, że wykorzystujesz również stworzone przez aktywną społeczność wtyczki (pluginy), które w prosty sposób rozszerzają możliwości podstawowej biblioteki. Wtyczki bywają mniej lub bardziej zaawansowane i być może do tej pory sądziłeś, że stworzenie własnego rozszerzenia jest zadaniem trudnym i skomplikowanym. <br><br> Pocieszę Cię, to wcale nie prawda! W warsztacie, który masz przed sobą, dowiesz się w jaki sposób stworzyć własną wtyczkę do jQuery. Zaczniemy od absolutnych podstaw i omówienia dobrych praktyk, którymi należy się kierować, by tworzyć dobry kod. Następnie stworzymy kilka prostych przykładowych wtyczek (zaczerpniętych z codziennej pracy), dzięki którym zrozumiesz mechanizm działania pluginów jQuery oraz dowiesz się kiedy i dlaczego warto zamiast standardowych funkcji tworzyć rozszerzenia. <br><br> Zapraszam, Piotr Palarz

Maciej Żukiewicz

1 godzina

jQuery i Ajax

Podczas warsztatu jQuery i AJAX opowiem Ci czym jest metodyka AJAX. Na praktycznych przykładach zaprezentuję również paletę metod biblioteki jQuery. Dzięki nim będziesz mógł przyspieszyć swoją pracę w tej metodyce, a także uczynić ją bardziej przyjemną.<br><br> Na Warsztat zaprasza Maciej Żukiewicz.

Maciej Żukiewicz

1 godzina

JavaScript i Ajax - Wprowadzenie

Zobacz Warsztat na temat połączenia JavaScriptu z metodyką Ajax, która pozwala na asynchroniczne przesyłanie danych z serwera, bez konieczności odświeżania strony WWW. Ajax to bardzo popularna technologia, którą można spotkać niemal na wszystkich dynamicznych stronach. Przykładem może być umieszczanie zakupów w koszyku. W warsztacie poznamy podstawy komunikacji Ajax oraz zajmiemy się opracowaniem kilku praktycznych przykładów. <br><br> Na Warsztat zaprasza Maciej Żukiewicz.

Maciej Żukiewicz

Autor: Adam Gospodarczyk

Nazywam się Adam Gospodarczyk, jestem designerem i full-stack developerem. Przez całą swoją karierę zawodową pracuję w świecie startupów z branży edukacji, szkoleń pracowników oraz rekrutacji. Jestem współzałożycielem trzech produktów, które rozwijałem w roli CTO od samego początku. Przez ten czas miałem zdobyłem szerokie doświadczenie znacznie wykraczające poza zakres samej technologii. W maju 2017 roku założyłem kanał na YouTube „overment” (https://overment.com) w ramach side-project’u po godzinach. Dziś jest to jeden z największych w Polsce tego typu projektów dla programistów za który otrzymałem nagrodę „JavaScript Hero of Community” podczas konferencji JS Poland 2019. Łącząc moje startup’owe doświadczenie z pasją do technologii, pomogę Ci nauczyć się programowania patrząc szerzej na perspektywę całego biznesu - jest to doceniana przez pracodawców umiejętność, którą wiele osób całkowicie pomija. Przy tym wszystkim pokażę Ci jak ważna jest regularna nauka i pozostawanie na bieżąco.

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje

Autor: Adam Gospodarczyk

Czas: 6 godzin 26 minut

Wersja: -

Aktualizacja: 10.02.2021

  • Certyfikat w ramach Ścieżki
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół
Podaruj w prezencie

Wprowadzenie do programowania

  • Wprowadzenie

  • Jak działają komputery?

  • Kod binarny

  • Modyfikowanie danych

  • Algorytmy

  • Kod źródłowy

Języki programowania

  • Języki programowania

  • Składnia i typy

  • Programy

  • Dziedziny programowania

Elementy języków programowania

  • Zmienne

  • Warunki

  • Funkcje

  • Pętle

Ścieżki programowania

  • Web development

  • Application development

  • Dev Ops

Praca programisty

  • Jaką technologię wybrać?

  • Obowiązki programisty

  • Rola programisty w zespole

  • Ścieżki rozwoju

  • Pozostawanie na bieżąco

  • Podsumowanie

Instalacja środowiska

  • Instalacja Node.js

  • Edytor kodu

Typy danych

  • Do czego służą zmienne

  • Tworzenie zmiennych

  • Tekstowy typ danych

  • Liczbowy typ danych

  • Prawda i fałsz

  • null vs. undefined

Operatory

  • Operatory arytmetyczne

  • Operatory porównania

  • Operatory logiczne

  • Inkrementacja i dekrementacja

Instrukcje warunkowe

  • Do czego służą instrukcje warunkowe

  • Instrukcja if

  • Skrócony zapis if

  • Instrukcja switch

Tablice

  • Do czego służą tablice

  • Tworzenie tablic

  • Dodawanie elementów do tablicy

  • Usuwanie elementów tablicy

  • Sortowanie elementów tablicy

Obiekty

  • Czym są obiekty

  • Tworzenie obiektów

  • Funkcje jako metody obiektów

Pętle

  • Do czego służą pętle

  • Pętla while

  • Pętla do while

  • Pętla for

  • Używanie pętli na tablicach

  • Przerywanie lub kontynuacja pętli

Funkcje

  • Do czego służą funkcje

  • Tworzenie funkcji

  • Parametry i zwracanie wartości

  • Zakres zmiennych

  • Funkcje anonimowe

Programowanie obiektowe

  • Czym jest OOP

  • Tworzenie klas

  • Przykład z zamówieniem

Praca z błędami

  • Błędy i wyjątki

  • Blok try catch

  • Zgłaszanie wyjątków

Moduły

  • Jak działają moduły

  • Tworzenie modułów

  • Korzystanie z zewnętrznych modułów

}