Building Custom Javascript Dropdown Menus

It's quite amazing to see how much time can speed up if you're thrown into a new environment. One month ago, I moved from Hamburg to Amsterdam. After putting my life into boxes, finding time for selftaughtjs has been challenging. Finding a place to live as well as a reliable internet connection have been higher up on my list of priorities. Now that things have calmed down a little, I'm finally able to continue this blog with more frequent updates. I got the idea for this post while working on a recent project for my portfolio. Dropdown menus are some of the basic staples of websites these days and appear in many different variations. There are a lot of libraries… read more »

Javascript 101: Combining Javascript, HTML and CSS

After having learned the basics of Javascript, we can now move to the really exciting part: Modifying the HTML content of our websites by using Javascript. When speaking about the HTML content of our website, one term you will necessarily come across is the DOM. DOM is short for Document Object Model. It basically describes the structure of your website. HTML is only a markup language that we use to create the Document Object. Consequently, the correct term for modifying our HTML content with Javascript is DOM-Manipulation. To follow along with this post, I’d highly encourage you to use codepen.io – it’s a platform that allows you to write HTML, CSS and Javascript directly in your browser and… read more »

Javascript 101: A Beginner's Guide to Functions

We're back for another round of Javascript 101. This series is aimed at those who are still new to the language. Together, we will explore fundamental topics of Javascript. If this is the first time you stumble upon a post of this series, make sure to have a look at these posts as well: Javascript 101: Introduction to Data Types Javascript 101: Working with Variables Javascript 101: String Methods in Javascript Javascript 101: Array Methods in Javascript Today, we will be looking at functions. Functions can be described as reusable code patterns. Using them in your programs will reduce they amount of code you have to write. At the same time, they will give your program a natual structure, making… read more »

Javascript 101: A Guide to Array Methods in Javscript

After having looked at some of the most important string methods last week, this post will take a closer look at arrays and their Javascript methods. Becoming comfortable with the various methods of data types in Javascript will greatly improve your problem-solving skills. It'll help you to write more readable, concise and performant code for the frontend and backend of your web applications. If you are hearing about arrays as a data type for the first time, you should take a step back and read up on the foundations of data types in Javascript first. array.slice( ) This method allows you to take a "slice" of data from your original array and save this slice to a new array. The… read more »

Javascript 101: A Guide to String Methods in Javascript

This post will explore how you can use string methods in Javascript to solve your everyday web development problems and write better code. If you are just getting started with learning Javascript, you might want to get a quick overview of strings as a data type and how they work in Javascript. I don't want to get into too much details about the textbook definition of a method at this point. For know, all you have to know is that each data type in Javascript has some more or less unique methods, that you can use to modify data. You will use these methods a lot. So it's worth spending some time working with them. string.split( ) This method splits… read more »

Javascript 101: Working with Variables

Welcome back for another session of Javascript 101. After having looked at all the different data types in Javascript previously, this post will introduce you to the concept of working with variables in your code. You've most likely already encountered the variable x in several math classes during your time in school. At that time we were looking at simple mathematical equations such as 5 + x = 10 In this case, x would be substituting any value that could make the equation true, for example 5. In Javascript, we can assign a value to a variable name by using the keyword var var myVariable = 5 This would initiate a variable called myVariable with the value 5. I could now continue in… read more »

Javascript 101: Introduction to Datatypes

As promised, this is the first post of a longer Javascript 101 Series. Luckily, as Javascript runs directly in your browser, there are several options for you to write your first lines of javascript without having to install an entire local development environment on your machine. A site that has been extremely helpful for me during my first steps with Javascript has been repl.it. The website allows you to write your code and see the output right next to your code, save shareable links and doesn’t require any kind of registration to do so. While it is possible to also run javascript code directly in the console of your browser, I’d recommend to work with repl.it… read more »

Read this to learn about Foundations

Why You Should Learn Javascript in 2016

When I first told my friends that I set my mind on becoming a web developer, despite studies in a different field and holding a promising job, I certainly raised some eyebrows. By the term web developer somehow all of them were thinking of a guy who sits at home in boxershorts, phones a few local businesses and hopes to build a two-page brochure site. Or maybe even make changes to a Wordpress Theme. “Move this box a bit more to the left, and make that color a brighter shade of green.” This might have been an entirely legitimate description of some web developers in the last decade. Today, easy to use content management systems, one-click hosting platforms and a… read more »

Read this to learn about Foundations