Wprowadzenie do programowania w JavaScript
A course by Javier Usobiaga Ferrerprojektant stron internetowych
A course by 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.
What is this course's project?
Wprowadzisz ulepszenie - nowe zasady, poprawki, efekty - w grze Memory, którą będziesz tworzył w trakcie kursu.
Projekty uczestników kursu
Who is this online course for?
Każdy, kto interesuje się projektowaniem stron internetowych i ma podstawową wiedzę na temat HTML i CSS.
Requirements and materials
Będziesz potrzebować podstawowej znajomości HTML i CSS, a także komputera i edytora kodu.
Oceny
- 11 dni 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!
- j3_87PLUSmiesiąc 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%
- 4 miesiące temu
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 6 miesięcy temu
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 6 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.
Certificates
PLUSIf you're a Plus member, get a spersonalizowany certyfikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
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
This course is designed for people with basic programming and HTML/CSS knowledge; you don’t need to be an expert. It’s perfect if you already have a foundation and want to dive deeper into JavaScript interactivity and logic.
All you need is a computer with internet access and a free code editor like VSCode, Brackets, or Atom. Basic HTML and CSS knowledge is also recommended to get the most out of the course.
You’ll learn to manipulate the DOM, handle events, use variables, functions, conditionals, arrays, and objects, plus build a complete memory game with levels, a timer, animations, and visual effects using JavaScript.
The course focuses on building interactive web apps with JavaScript, emphasizing hands-on creation of a digital memory game using logic, data structures, and modern programming techniques.
Yes, you’ll build a fully functional memory game implementing level logic, a timer, event handling, multidimensional arrays, animations, and game reset—all with pure JavaScript.
Free editors like VSCode, Brackets, or Atom are recommended. You’ll learn to install extensions such as Prettier and Bracket Colorizer and configure formatting and linting options to improve code readability and quality.
You’ll be able to create interactive web games, modular apps, dynamic interfaces, and experiment with animations, visual effects, and advanced logic using JavaScript and HTML/CSS.