Introduction to JavaScript Programming
A course by Javier Usobiaga Ferrer
Web designer.
Barcelona, Spain.
On Domestika since 04/10/2015
-
-
, Web designer
On Domestika since 04/10/2015
Get started with essential programming language to create interactive websites
- Spanish with subtitles in English
- 99% Positive reviews (203)
- 6294 students

Get started with essential programming language to create interactive websites
- 99% Positive reviews (203)
- 6294 students
- Online and at your own pace
- Audio: Spanish
- Level: Intermediate
- 25 Lessons (3h 2m)
- Available from the app
- Spanish, English, Portuguese, German, French, Italian
- Unlimited access forever
JavaScript is considered the "third part of the web" and the programming language designed to add an interactive layer to any web page. Together with HTML and CSS they form the three most important programming languages.
This course is an introduction to JavaScript, starting from the basics — syntax and variables — and progressively you will expand knowledge — conditional, arrays, loops, events — using a Memory game that you will gradually improve By the hand of Javier Usobiaga, web designer and founder of the Swwweet studio with more than 10 years of experience.
If this is your first approach to web design, it is recommended that you take the course, also by Javier Usobiaga, of Introduction to Responsive Web Development with HTML and CSS .

About this 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
You will start by knowing Javier, his work and his influences in the world of web design and development.
You will understand what JavaScript is, what it works for and why it is one of the basic programming languages of the web, along with HTML and CSS. You will learn how to configure your code editor to work more comfortably and then you will see how to incorporate JavaScript into a website.
Your first interactions with JavaScript will involve variables, functions, events and loops , which you will learn to write along with other basic complementary JavaScript functions.
From here, you will start designing your Memory game, starting with the array , or list of values, which represents the deck of cards that make up the game.
You will add events and chance to the distribution of cards to introduce difficulty in the game.
The following will be to add the first element of interactivity to your Memory game: mark the selected card pair as wrong or correct. Gradually you will be creating functions that solve a specific part of the script, such as success, error, among others, and also, managing feedback to these successes and errors.
Following the difficulty increase, you will add a stopwatch, game levels, sound effects and new details to the game interface.
Finally, you will review the different libraries and resources that complement JavaScript, such as jQuery, React and Vue.
What is this course's project?
You will make an improvement - new rules, corrections, effects - on the Memory game that you will create throughout the course.

Projects by course students
Who is it for?
To anyone with an interest in web design and who has basic knowledge of HTML and CSS.
What you need
You will need basic knowledge of HTML and CSS, in addition to a computer and a code editor.

Reviews

A course by Javier Usobiaga Ferrer
Javier Usobiaga is a web designer and FrontEnd developer, for more than 10 years and co-founder with Marta Armada of the Swwweet studio, specialized in designing responsive websites from initial conception to front-end development.
He also enjoys a lot in his role as Professor of Web Design in workshops and renowned 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 as important as aesthetics is how fast it loads or how well it responds, and it seems to me that in our industry we often forget that."
Contents
-
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
-
This Is What Domestika Courses Are Like
-
Learn at Your Own Pace
Enjoy learning from home without a set schedule. You set your own timetable.
-
Learn From the Best
Learn valuable methods and techniques explained by top experts in the creative sector.
-
Expert Instructors
Each instructor teaches only what she/he does best, conveying true passion and excellence in every lesson.
-
Certificate Pro
Demonstrate your course attendance with a certificate signed by the teacher. Get it with your Domestika PRO subscription
-
Front Row Seats
Videos of the highest quality ensure that you don't miss a single detail. With unlimited access, you can watch them over and over.
-
Share Knowledge
Ask questions, request feedback, offer solutions. Share learning with other students in the community.
-
Creative Community
More than 1M creatives and growing. Domestika is the place to share and learn what you love.
-
Professionally Developed Courses
We selected top creatives and a team of experts to develop the courses. The result? You'll feel like you're working side by side with leading professionals.
Frequently Asked Questions
-
What are Domestika's online courses?
Domestika's courses are online classes that provide you with the tools and skills you need for completing a specific final 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 instructor and other users, thus creating a dynamic course community.
-
When do the courses start and when do they finish?
The course is 100% online, so once they are 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.
-
What do Domestika's courses include?
The courses are divided into different units, each one includes lessons, informational texts, tasks and practice exercises to carry out your project step by step, with additional complementary resources and downloads. You will also have access to an exclusive forum where you can interact with the instructor and other students, and share your work and your course project, thus creating a community around the course itself.
-
Have you been given a course?
You can now redeem the course you received, just access redeeming page to enter your gift code and redeem it.
erwinramos17
Uno de los mejores cursos que he tomado de JS
View translation
Hide translation
gonzalovilner
Buen curso!!!
View translation
Hide translation
juanibermejo94
Muy buen curso, muy recomendable. Javier es un genio y explica muy bien los conceptos.
View translation
Hide translation
mikas1213
I really like this course. Well explained. Beautifully presented.
rorito_rvr
La explicación es buena, pero es solo un tutorial para hacer un juego en concreto. Con este curso no aprenderás a hacer otras cosas.
View translation
Hide translation