Introduction to JavaScript Programming
A course by Javier Usobiaga Ferrer
, Web Designer
Get started with essential programming language to create interactive websites
- Best seller Spanish with subtitles in English
- 98% positive reviews (479)
- 17735 students
Get started with essential programming language to create interactive websites
- 98% positive reviews (479)
- 17735 students
- 25 lessons (3h 2m)
- 14 additional resources (11 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish
- Spanish, English, Portuguese, German, French, Italian, Polish, Dutch
- Level: Intermediate
- Unlimited access forever
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 .
What will you learn in this online course?
Course table of contents
-
U1U1. Introduction
-
U2U2. Starting with JavaScript
-
U3U3. First interactions
-
U4U4. A deck of cards
-
U5U5. A memory game
-
U6U6. Level up
-
U7U7. Bookstores and resources
-
FPFP Final project
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
A course by Javier Usobiaga Ferrer
Javier Usobiaga has been a web designer and front-end developer for over a decade and is cofounder of Swwweet studio alongside Marta Armada.
He also enjoys his role teaching web design workshops and at prestigious schools like Elisava and IDEP.
Javier understands the web in its totality, not only how beautiful it can be on screen, but also how user-friendly it is across all devices and in different contexts.
In his own words, "how fast a page loads and responds is every bit as important as the aesthetic, and something that is often overlooked in our line of work."
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 or PRO 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
Domestika's courses are online classes that provide you with the tools and skills you need to complete a specific project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the teacher and with other students, creating a dynamic course community.
All courses are 100% online, so once they're published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.
The courses are divided into different units. Each one includes lessons, informational text, tasks, and practice exercises to help you carry out your project step by step, with additional complementary resources and downloads. You'll also have access to an exclusive forum where you can interact with the teacher and with other students, as well as share your work and your course project, creating a community around the course.
You can redeem the course you received by accessing the redeeming page and entering your gift code.
nahuel_veliz
como todo curso de javier, muy buenos y fácil de entender, recomiendo totalmente.
View translation
Hide translation
javat
Es una gran introducción a la programación en JavaScript.
View translation
Hide translation
cotito_marquez
El profesor va extremadamente rápido y saltea temas. Además que ya tiene prearmada una página, por lo tanto, no es posible seguirle la corriente. Más vale tutoriales gratis de Youtube.
View translation
Hide translation
calemus95
muy bien explicado, muy facil de entender, muy recomendado
View translation
Hide translation
dan_calle
Muy fácil y practico, lo recomiendo.
View translation
Hide translation