Introduction to JavaScript Programming
A course by Javier Usobiaga FerrerWeb designer
A course by Javier Usobiaga Ferrer, Web designer
Get started with essential programming language to create interactive websites
JavaScript is known as the "language that powers the web" and was designed to add a level of interactivity to any web page. It is one of the most important programming languages along with HTML and CSS.
This is an introductory course to JavaScript, starting with the basics—syntax and variables—through to concepts such as conditionals, arrays, loops, and events, using a memory game which you build on step by step following the guidance of Javier Usobiaga, web designer and founder of Swwweet studio with more than a decade's experience in the field.
If this is your first crack at web design, it would be a good idea to take Javier Usobiaga's course Introduction to Responsive Web Development with HTML and CSS . before starting this one.
What will you learn in this online course?
25 lessons & 14 downloads
What is JavaScript for?
3 minutes, 16 seconds
Editor Settings
4 minutes, 22 seconds
Incorporating JS to our website
6 minutes, 42 seconds
Elements and syntax
10 minutes, 36 seconds
Variables, numerals, literals
7 minutes, 27 seconds
Operators, functions
10 minutes, 19 seconds
What's included in this course?
Get to know Javier a little better. He talks about his work and biggest influences in the world of design and web development.
Gain a better understanding of JavaScript—what it's used for and why it's one of the foundational web programming languages, alongside HTML and CSS. Learn to configure your code editor to work more comfortably, then see how to incorporate JavaScript into a web page.
Your first contact with JavaScript involves variables, functions, events, and loops, which you learn to write along with other basic complementary JavaScript features.
From here, begin the design of your memory game, starting with the array, or list of values, to represent the pack of cards for your game.
Move on to add events and random card draws to make things a little more difficult.
Next, it's time to add the first interactive element to your memory game: marking the selected pair of cards as either a match or incorrect. Gradually incorporate more functions relating to a specific part of the script, such as "match" and "incorrect" among others, and also manage feedback for each of the results.
To make things even harder, add a timer, difficulty levels, sound effects, and additional details to the interface.
Finish up going through the different complementary resource libraries that JavaScript has to offer including jQuery, React, and Vue.
What is this course's project?
Create an update for the memory game created throughout the course, including new rules, bug fixes, and effects.
Projects by course students
Who is this online course for?
Anyone interested in web design.
Requirements and materials
You need basic knowledge of HTML and CSS to take this course, as well as a computer with a code editior.
Reviews
- 10 days ago
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_87PLUS1 month ago
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 months ago
muy buen curso, aun que siento que hace falta un poco mas de explicacion en varios temas
- 6 months ago
Excelente curso, muy bien explicado con ejemplos concisos de los temas que se estan desarrollando
- 6 months ago
Great course and very detailed!
He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.
Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.
In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."
Content
- U1
Introduction
- Presentation
- Influences
- U2
Starting with JavaScript
- What is JavaScript for?
- Editor Settings
- Incorporating JS to our website
- Elements and syntax
- U3
First interactions
- Variables, numerals, literals
- Operators, functions
- Event listeners
- Alter DOM content
- Conditional and Boolean
- U4
A deck of cards
- Array operations
- Loops
- Loop events
- The objects in JavaScript. Chance or Math.random ()
- U5
A memory game
- Basic interaction
- Communication between functions
- File Organization
- Managing the feedback
- U6
Level up
- Stopwatch and counter
- Game levels
- Sound effects
- Completing the interface
- U7
Bookstores and resources
- JavaScript libraries
- Resources
- FP
Final project
- Introduction to JavaScript
What to expect from a Domestika course
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
Certificates
PLUSIf you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
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.