Image for post
Image for post

Throughout these articles we have been using variables, we know how to create and assign variables, and we know how to pass them around our code. One thing you may not have realized is that functions are variables as well. We can pass functions as values to objects, and we can even pass functions as arguments to other functions. In this article we will learn how to do that using a concept called callbacks.

At the end of this article, you should be able to:

  • understand and implement callbacks.
  • use two basic array methods using callbacks.

Requirements


Image for post
Image for post

Now that we have the basics covered we will start to talk about more advanced concepts. Here we will introduce you to the concept of classes. Classes are just Objects, with some more functionality. Classes are used when we want to create many objects with the same keys and methods.

At the end of this article, you should be able to:

  • understand when to use classes, as well as write and use ES5 class syntax.
  • explain the prototype, how and why we use it.

Requirements


Image for post
Image for post

Often times when writing code, we find the need to group data together. There are two data types, Objects and Arrays, that help us achieve this. Understanding these data structures is a necessity in learning JavaScript.

At the end of this article, you should be able to:

  • use arrays to store and access data.
  • use objects to store and access data

Requirements

Learn

Learn to use arrays to store and access data.

Overview

Arrays allow us to group and store data together. Usually this data is related, but that is…


Image for post
Image for post

To design user interfaces, you’ll need a detailed understanding of typography. This post will cover the basics of both and prepare you to bring your interfaces to life. This post will:

  • Explain what typography is and why it matters
  • Identify the various elements of typography to choose a font

Learn

Learn to Explain What Typography is and Why It Matters

Overview

These days, it is so easy to find incredible websites with beautiful illustrations. Here is a great example. This is the website for Epicurrence, a nature retreat/un-conference for designers.


Image for post
Image for post

Functions are required to make our code ‘run’. Functions will take data, compute it, and return the computed data. All code that is ‘run’ in JavaScript is run inside of a function.

At the end of this article, you should be able to:

  • Understand JavaScript functions, why we use them, and be able to write correct function syntax.
  • Write and call functions using arguments and parameters.
  • Explain function scope and the return statement.

Requirements

Learn

Learn to understand JavaScript functions, why we use them, and be able to write correct function syntax.

Introduction to Functions

Now…


Image for post
Image for post

There’s a large body of psychology and scientific literature that examines the impact of color on our thinking and emotions. In fact, there is an entire field called color psychology dedicated to the study of hues as a determinant of human behavior. Understanding the general influences of color on humans can help us design experiences that are better tailored to our brand, audience, and communications.

At the end of this article, you should be able to:

  • Explain the basics of color theory.
  • Explain how to work with color models.
  • Explain how color influences emotion and accessibility.

Learn

Learn to explain the…


Image for post
Image for post

Often times we want our program to act differently based on the information supplied to it. This is known as control flow, and is an integral part of software development.

At the end of this article, you should be able to:

  • understand and be able to use different operators.
  • write control flow using if/else statements.
  • write a basic for loop.

Requirements

Learn

Learn to understand and be able to use different operators.

Overview

Operators allow software developers to compare variables and enable programs to make decisions about control flow. …


Image for post
Image for post
Photo by Hal Gatewood on Unsplash

Many different user interface guidelines exist today, but they all have one thing in common: They’re based on human psychology. Human psychology helps us understand how people learn, remember, perceive, and respond. Even though our technology is changing rapidly, understanding how humans respond to desire, emotion, and motivation remains timeless, and there are are some universal design principles that we can leverage in our work. There is a multitude of psychology principles that exist today, but the following items that we discuss will serve as a guide when it comes to creating user interfaces.

At the end of this piece…


Image for post
Image for post

JavaScript is the programming language that lets the Internet work. The Internet would be nothing without JavaScript and in this lesson, you will find out why.

At the end of this article, you should be able to:

  • understand what Javascript is and explain its use in web development.
  • explain and use JavaScript primitive data types and variables.
  • explain and use JavaScript functions as properties and methods on primitive data types.
  • explain global object in JavaScript and be able to use the Math object.
  • explain basic control flow and if/else statements.

Learn

Learn to understand what Javascript is and explain its use…


Image for post
Image for post

In the last lesson, we started down the path of web development by learning about the fundamental building blocks of web dev. This introduced us to HTML (Hypertext Markup Language). Today, we will go a little more in-depth into HTML and also learn about HTML’s companion language, CSS (which stands for Cascading Style Sheets). This will allow us to build our first styled web page.

At the end of this article, you should be able to:

  • Understand the concepts of HTML and be able to build a small HTML page.
  • Understand the main concepts of CSS (selectors and style rules)…

Mahendra Choudhary

Full Stack Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store