Wprowadzenie do programowania w JavaScript
Kurs prowadzi Javier Usobiaga Ferrerprojektant stron internetowych
Kurs prowadzi Javier Usobiaga Ferrer, projektant stron internetowych
Poznaj podstawowy język programowania służący do tworzenia interaktywnych stron internetowych
JavaScript jest uważany za „trzecią część sieci” i język programowania zaprojektowany w celu dodania warstwy interaktywności do dowolnej strony internetowej. Wraz z HTML i CSS tworzą trzy najważniejsze języki programowania.
Ten kurs jest wprowadzeniem do języka JavaScript, zaczynając od podstaw — składni i zmiennych — a będziesz stopniowo poszerzać swoją wiedzę — warunkowe, tablice, pętle, zdarzenia — za pomocą gry pamięciowej, którą trochę poprawisz mała Ręka w rękę z Javierem Usobiagą, projektantem stron internetowych i założycielem studia Swwweet z ponad 10-letnim doświadczeniem.
Jeśli jest to Twoje pierwsze podejście do projektowania stron internetowych, zalecamy wcześniejsze ukończenie kursu, również przez Javiera Usobiagę, z Wprowadzenie do tworzenia responsywnych stron internetowych za pomocą HTML i CSS .
Czego nauczysz się na tym kursie online?
llekcji: 25 & liczba dodatkowych zasobów: 14
Do czego służy JavaScript?
3 min, 16 sek.
Ustawienia edytora
4 min, 22 sek.
Włączenie JS do naszej strony internetowej
6 min, 42 sek.
Elementy i składnia
10 min, 36 sek.
Zmienne, liczebniki, literały
7 min, 27 sek.
Operatory, funkcje
10 min, 19 sek.
Co obejmuje ten kurs?
Zaczniesz od poznania Javiera, jego pracy i jego wpływów w świecie projektowania i tworzenia stron internetowych.
Zrozumiesz czym jest JavaScript, do czego służy i dlaczego jest jednym z podstawowych języków programowania w sieci, obok HTML i CSS. Dowiesz się, jak skonfigurować edytor kodu, aby działał wygodniej, a następnie zobaczysz, jak włączyć JavaScript do strony internetowej.
Twoje pierwsze interakcje z JavaScript będą obejmować zmienne, funkcje, zdarzenia i pętle , które nauczysz się pisać wraz z innymi podstawowymi funkcjami uzupełniającymi JavaScript.
Od tego momentu zaczniesz projektować swoją grę pamięciową, zaczynając od tablicy __ , czyli listy wartości, która reprezentuje talię kart tworzących grę.
Będziesz dodawać wydarzenia i szansę do rozdania kart, aby stopniowo wprowadzać trudności do gry.
Następną rzeczą jest dodanie pierwszego elementu interaktywności do swojej gry pamięciowej: oznacz jako błędną lub popraw wybraną parę kart. Stopniowo będziesz tworzyć funkcje, które rozwiązują konkretną część skryptu, między innymi sukces, błąd, a także zarządzają informacjami zwrotnymi na temat tych sukcesów i błędów.
Wraz ze wzrostem trudności do interfejsu gry dodamy licznik czasu, poziomy gry, efekty dźwiękowe i nowe szczegóły.
Na koniec zapoznasz się z różnymi bibliotekami i zasobami, które uzupełniają JavaScript, takimi jak jQuery, React i Vue.
Jaki jest projekt kursu?
Wprowadzisz ulepszenie - nowe zasady, poprawki, efekty - w grze Memory, którą będziesz tworzył w trakcie kursu.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Każdy, kto interesuje się projektowaniem stron internetowych i ma podstawową wiedzę na temat HTML i CSS.
Wymagania i materiały
Będziesz potrzebować podstawowej znajomości HTML i CSS, a także komputera i edytora kodu.
Oceny
- 2 miesiące temu
Hola es un optimo Curso per aprender JS e lo recomiendo a todas las personas que quieran aprender a programar sea per front-end que al Back-end. javier sei Grande!
- 3 miesiące temu
Es un curso muy práctico, comprensible y demasiado flexible a la hora de estudiar. Domestika hace al estudiante una experiencia única en aprender de una manera muy lúdica e intuitiva. Recomiendo este curso un 100%
- 6 miesięcy temu
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 8 miesięcy temu
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 8 miesięcy temu
Great course and very detailed!
Lubi również swoją rolę nauczyciela projektowania stron internetowych w renomowanych warsztatach i szkołach, takich jak Elisava, IDEP.
Usobiaga rozumie sieć w całości, nie tylko to, jak piękna może być na ekranie komputera, ale także jej użyteczność w różnych urządzeniach i okolicznościach.
W jego słowach „Myślę, że równie ważne jak estetyka jest to, jak szybko się ładuje lub jak dobrze reaguje i wydaje mi się, że w naszej branży często o tym zapominamy”.
Zawartość
- Cz.1
Wstęp
- Prezentacja
- Wpływy
- Cz.2
Pierwsze kroki z JavaScript
- Do czego służy JavaScript?
- Ustawienia edytora
- Włączenie JS do naszej strony internetowej
- Elementy i składnia
- Cz.3
Pierwsze interakcje
- Zmienne, liczebniki, literały
- Operatory, funkcje
- Słuchacze zdarzeń
- Zmień zawartość DOM
- Warunkowe i logiczne
- Cz.4
Talia kart
- Operacje na tablicach
- Pętle
- Zapętlone wydarzenia
- Obiekty w JavaScript. Random lub Math.random ()
- Cz.5
Gra pamięci
- Podstawowa interakcja
- Komunikacja między funkcjami
- Organizacja plików
- Zarządzanie informacją zwrotną
- Cz.6
Podnieść do właściwego poziomu
- Stoper i licznik
- Poziomy gry
- Efekty dźwiękowe
- Uzupełnianie interfejsu
- Cz.7
Biblioteki i zasoby
- Biblioteki JavaScript
- Znaczy
- PK
Projekt końcowy
- Wprowadzenie do JavaScript
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
Kurs jest przeznaczony dla osób z podstawową znajomością programowania oraz HTML/CSS, ale nie wymaga bycia ekspertem. Idealny, jeśli masz już fundamenty i chcesz zgłębić interaktywność oraz logikę w JavaScript.
Potrzebujesz tylko komputera z dostępem do internetu i darmowego edytora kodu, takiego jak VSCode, Brackets lub Atom. Przydatna jest też podstawowa znajomość HTML i CSS, by w pełni wykorzystać materiał.
Nauczysz się manipulować DOM, obsługiwać zdarzenia, korzystać ze zmiennych, funkcji, instrukcji warunkowych, tablic i obiektów oraz stworzyć kompletną grę pamięciową z poziomami, zegarem, animacjami i efektami wizualnymi w JavaScript.
Kurs skupia się na tworzeniu interaktywnych aplikacji webowych z użyciem JavaScript, z praktycznym nastawieniem na stworzenie cyfrowej gry pamięciowej, wykorzystując logikę, struktury danych i nowoczesne techniki programowania.
Tak, stworzysz w pełni działającą grę pamięciową, implementując logikę poziomów, zegar, obsługę zdarzeń, tablice wielowymiarowe, animacje oraz możliwość restartu gry, wszystko w czystym JavaScript.
Polecamy darmowe edytory takie jak VSCode, Brackets czy Atom. Nauczysz się instalować rozszerzenia typu Prettier czy Bracket Colorizer oraz konfigurować formatowanie i linting, by poprawić czytelność i jakość kodu.
Po kursie będziesz tworzyć interaktywne gry webowe, modularne aplikacje, dynamiczne interfejsy oraz eksperymentować z animacjami, efektami wizualnymi i zaawansowaną logiką w JavaScript i HTML/CSS.