Introduction to JavaScript Programming

A course by Javier Usobiaga Ferrer
Web designer. Barcelona, Spain.
On Domestika since 04/10/2015
, Web designer

Get started with essential programming language to create interactive websites

  • 100% Positive reviews (33)
  • 1163 students
  • Spanish with subtitles
Introduction to JavaScript Programming

Get started with essential programming language to create interactive websites


  • Spanish with subtitles
  • 100% Positive reviews (33)
  • 1163 students
  • Online and at your own pace
  • Audio: Spanish
  • Level: Intermediate
  • 25 Lessons (3h 2m)
  • Available from the app
  • Spanish / English / Portuguese
  • 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

  • U1
    U1. Introduction
  • U2
    U2. Starting with JavaScript
  • U3
    U3. First interactions
  • U4
    U4. A deck of cards
  • U5
    U5. A memory game
  • U6
    U6. Level up
  • U7
    U7. Bookstores and resources
  • FP
    FP Final project
See detail

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.

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

1163 Students
33 Reviews
100% Positive ratings

Javier Usobiaga Ferrer

TeacherPro
Web designer

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

  • 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.

  • 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.

  • 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.

  • You can now redeem the course you received, just access redeeming page to enter your gift code and redeem it.

Introduction to JavaScript Programming. A Technolog course by Javier Usobiaga Ferrer

Introduction to JavaScript Programming

A course by Javier Usobiaga Ferrer
Web designer. Barcelona, Spain.
On Domestika since 04/10/2015
  • 100% Positive reviews (33)
  • 1163 students