Tag: Beginners

python javascript beginners

Sunday, March 26, 2023

Learn about Python's built-in data types, including numeric types, sequences, mappings, and sets, and how they compare to their JavaScript counterparts. This article explains the similarities and differences between Python's int, float, complex, str, list, tuple, dict, set, and frozenset data types and the Number, String, Array, Object, and Set types in JavaScript.

python beginners

Saturday, March 25, 2023

Learn how to create your first Python app with user input and variables. Follow these simple steps to prompt the user for their name, store it in a variable, and display a personalized greeting message. Python is an easy-to-learn programming language that is ideal for beginners. Get started with your first Python app today!

jekyll beginners ruby

Friday, March 24, 2023

Jekyll is GitHub's serverless blogging technology. Here I'll show you how to serve it on port 4001, or any other port that's different from the default port 4000.

career beginners

Wednesday, December 22, 2021

Currently, 12+ million people are working in technology-related jobs. For many people, the idea of joining them is a dream, but it’s also a bit intimidating. Luckily, starting a career in IT isn’t as complicated as it may seem.

design beginners

Wednesday, August 18, 2021

Gestalt theory was very influential in understanding design and the way we process the world around us. That's why it's important to know the basic Gestalt principles as we can then implement them in our web designs.

troubleshooting beginners

Tuesday, June 15, 2021

In this article, I'm sharing insights I've learned through the years of working in all kinds of IT companies, through the view-point of a self-taught developer. I explain some ideas, tips, and tricks I got along the way - working in the good, the bad, and the ugly work environments in IT.

beginners vscode

Wednesday, February 24, 2021

VS Code gotchas, tips, tricks, and experiences from working with the framwork can be found in this article.

ubuntu docker beginners

Sunday, February 21, 2021

In this article, I'm listing the Docker-related tips and tricks I've learned while working with Docker on Ubuntu.

vue exercises beginners

Thursday, February 11, 2021

Looking for Vue.js tips and tricks? This ever-growing list of tips and tricks in using Vue.js comes from the day-to-day work as a Vue.js developer. Like some other blog posts on this site, it doesn't have too much content now, but I'll keep adding stuff as I stumble upon it in my day-to-day work.

vue exercises beginners

Wednesday, February 10, 2021

In this gentle introduction to Vue.js we'll learn about the basic ins and outs of this modern JS framework.

javascript exercises beginners

Wednesday, January 27, 2021

We all know that the var keyword should not be used in our code, and that we should mostly use let and const. We've probably already read articles about the reasons for this and how to use them properly. But what are the differences between var, let, and const, in relation to hoisting? Let's find out.

javascript exercises beginners

Wednesday, January 27, 2021

Key up and key down events in JS return a bunch of information in the Event object. This information includes the keycode data. In this tutorial we discuss how to get that info with JS.

javascript exercises beginners

Tuesday, January 26, 2021

Cookies are one of the oldest ways of saving text-based data on the web. The data that gets saved is not meant to be large. It's use case is to 'remember' some things about the user, even after they have closed the web page or the browser. In this article, we'll learn about working with cookies in JS.

javascript exercises beginners

Friday, January 22, 2021

Converting an object to an array is pretty easy in JavaScript. All we have to do is use Object.keys, or an even easier method to use, Object.entries.

javascript exercises beginners

Thursday, January 21, 2021

To get the length of an object in JS, we use Object.keys() to get an array of our object's own properties' keys. Then we can easily return the length value.

javascript exercises beginners

Monday, January 18, 2021

How to build matrices in JS? Also known as multi-dimensional arrays, these are just arrays of arrays in JS. An easy way to build multi-dimensional arrays is to output them using nested loops, as we'll show in this tutorial.

javascript exercises beginners

Monday, January 18, 2021

It's the combination of String.prototype.match(), RegExp, and String.prototype.replace() that gives us the solution to coverting a kebab case string to camel case string in JS.

javascript exercises beginners

Monday, January 18, 2021

The trick is to separate the string into the first letter and the rest of the string using charAt() and slice(), then run the toUpperCase() method on the first substring, and concatenate the rest of the original string back to the uppercased first letter.

javascript exercises beginners

Sunday, January 17, 2021

Appending a style tag to the head tag of an HTML document requires some simple DOM manipulation. In this tutorial, we'll discuss how to do this, and all the other ways of adding styles using JS.

javascript exercises beginners

Sunday, January 17, 2021

Calculating a factorial is very easy, but many JS implementations online make this problem unnecessarily complex. In this tutorial, we'll see the basics of how to calculate a factorial in JavaScript. We'll also go through the explanation of building a factorial calculating function in JS step-by-step.

javascript exercises beginners

Saturday, January 16, 2021

Fibonacci sequence in JS should not be hard to build. In this article, we show step-by-step, how to build in a few simple steps, a rudimentary fibonacci sequence. Once we know the basic mehanism that lies behind the logic of fibonacci sequence code, we can then build more complex code based on this foundation.

javascript exercises beginners

Friday, January 15, 2021

Have you ever tried to see how many times a letter or a word appears in a string? Or how many times a value is repeated in an array? This tutorial shows you how to figure that out in JS.

javascript exercises beginners

Thursday, January 14, 2021

To format an array of numbers as ordinal numbers, we need to properly add the suffixes -st, -nd, -rd, and -th to correct numbers. This includes numbers 11, 12, and 13, which are a bit of an edge case. In this article, we discuss how this works.

javascript exercises beginners

Wednesday, January 13, 2021

Formatting a number as currency in JS is easy. We can use Intl.NumberFormat(), and style it as currency, or we can use the toLocaleString method, and again provide the style parameter to the options object.

javascript exercises beginners

Tuesday, January 12, 2021

In JS, we can add a comma as thousands separator using the toLocaleString() method, or using Intl.NumberFormat().format, or using a RegExp. In this tutorial, we'll cover the first two listed means of doing this.

javascript exercises beginners

Monday, January 11, 2021

To get a random, three-member sub-array from an array of items, we need to use the splice, Math.random, and array flat methods, along with a simple for loop. It's a nice and easy solution, and in this tutorial, we'll go through each step of how to do this.

javascript exercises beginners

Sunday, January 10, 2021

We have a web page with a script tag. That script tag holds an array of various Bootstrap 4 CSS classes, and our JavaScript picks a random member from this array and assigns it as a CSS class to a paragraph in our web page's body tag.

javascript exercises beginners

Saturday, January 9, 2021

We can easily whip up our own password generator in vanilla JS. This tutorial shows you how to do it, step by step, with each step explained in detail.

javascript exercises beginners

Friday, January 8, 2021

Randomly reordering members of a JavaScript array might seem an easy task, but it can also be difficult to junior developers. See a step-by-step solution with a detailed explanation of how to shuffle an array in JS.

javascript exercises beginners

Thursday, January 7, 2021

Math.random() gives us a range between 0 (inclusive) and 1 (exclusive). But how do we use this method to get a random number from a range of numbers, say, a random number between 30 and 60? Read more to find out...

javascript exercises beginners

Thursday, January 7, 2021

Using the conditional (ternary) operator, we are able to easily return, at random, either a boolean true or false in JS. Additionally, by setting up our condition differently, we can affect the frequency of one result over the other. In this article, we explain how this works.

javascript exercises beginners

Wednesday, January 6, 2021

Multiply the length of array with the call to Math object's random method, then floor the result. We'll explain how that's done in this article.

javascript exercises beginners

Tuesday, January 5, 2021

Use Math.random() static method to emulate a pair of dice in JavaScript, and keep in mind these simple tips.

magento beginners

Sunday, December 20, 2020

In this post, we list lessons and gotchas picked up while learning Magento 2.

javascript beginners

Saturday, December 12, 2020

This article discusses the difference between objects and non-objects in the JavaScript language.

html css beginners basics

Friday, September 25, 2020

Position:sticky in CSS; what is it, how it works, and a few practical examples can be found in this CSS tutorial.

css javascript beginners

Saturday, March 7, 2020

How to use vanilla JavaScript to replace all instances of a CSS class with another CSS class on a web page? That's what we'll learn in this article.

ruby beginners

Wednesday, December 18, 2019

This article explains the concept of MVC (Model - View - Controller), as it is implemented in Ruby on Rails.

ruby beginners

Wednesday, December 18, 2019

In this article, we'll go into a number of concepts to learn before starting to code real apps in Ruby on Rails.

javascript beginners

Thursday, December 5, 2019

Productivity can be hard to improve, even if you're a talented web developer. Here's a list of tips and tricks that might help you boost your productivity as a web developer.

javascript beginners

Tuesday, December 3, 2019

Nested for loops in JavaScript can help us with a number of coding tasks. In this article, we'll see how to use it to build a multiplication table and a domain-name generator.

javascript beginners

Monday, December 2, 2019

The map data structure is another data structure in JS that derives from the Object prototype. In this article, we're taking an in-depth look at maps in JS.

javascript beginners

Monday, December 2, 2019

JS array prototype, array methods, array use cases, and a number of tips and tricks - we're going to cover all of that and more in this in-depth tutorial on arrays in JavaScript.

javascript beginners

Sunday, December 1, 2019

This is an in-depth introduction to sets in JavaScript. A set is a special kind of a collection in JavaScript, holding only unique values.

php beginners

Monday, November 18, 2019

Learn the basics of PHP syntax in this approachable tutorial for beginners. We cover the basics of working with Apache and php on Ubuntu.

php beginners

Sunday, November 17, 2019

Start learning PHP from scratch, starting with this first article dealing with php installation and REPL.

javascript beginners

Sunday, November 10, 2019

How to write a very simple quiz app in JavaScript? Find out in this introductory, beginner-friendly tutorial.

javascript beginners

Sunday, November 10, 2019

How to write a very simple todo app in vanilla JavaScript? Find out in this introductory, beginner-friendly tutorial.

javascript beginners

Friday, November 8, 2019

What are the ways to improve you JavaScript coding skills? How to get better faster? Are there any shortcuts to success? We try to find the answer to these questions and to give some practical tips and tricks in this article.

javascript beginners

Friday, November 8, 2019

JavaScript inline event handlers, event propagation, event bubbling and capturing, the Event object, and commonly used events in JS - we cover all of these topics in this tutorial.

javascript beginners

Friday, November 8, 2019

The ability to use JavaScript right in the browser, via the devtools console, opens up a world of possibilites, and a number of ways to practice using JavaScript. In this tutorial, we'll use JS to filter some search results in the Google search engine.

javascript beginners

Sunday, November 3, 2019

This article lists a number of various snippets, tips, and tricks in JavaScript. This is an open-ended list of some cool ideas in JavaScript.

javascript beginners

Sunday, October 20, 2019

There are well over a dozen ways to define a function in JavaScript. In this fifth article of the Anatomy of JavaScript functions article series, we go in depth, covering all the ways to define a function in JS.

javascript beginners

Sunday, October 20, 2019

How to use the function arguments and how are they related to the ES6 speread operator? This is the topic in this fourth article in the article series titled: the Anatomy of JavaScript functions.

javascript beginners

Saturday, October 19, 2019

What are the differences between ES5 and ES6 functions? We answer this question in this article, third in the series of articles on the Anatomy of JavaScript functions.

javascript beginners

Friday, October 18, 2019

How to generalize functions in JavaScript? Learn all about it in this second part of the Anatomy of JavaScript functions series of tutorials.

bootstrap beginners layouts

Friday, October 11, 2019

See how to clone a Shopify homepage layout in Bootstrap 4. We'll go step by step, from setting up the project and building the navbar, to setting the breakpoint for the toggle button, adding a hero section, showcase section, support, merchants, testimonials sections, and the footer area. We'll discuss flexbox in Bootstrap 4 and conclude with the completed live layout.

nodejs beginners

Thursday, October 10, 2019

Here's a quick and easy introduction to Express and Node.js. Learn how to build a simple Express app and serve it locally using Node.js.

bootstrap beginners layouts

Wednesday, October 9, 2019

See how to clone an AirBnB homepage layout in Bootstrap 4. We'll use the live AirBnB website to plan our layout, and then we'll build it, including forms, datepickers, cards, icons, testimonials, and star ratings. We'll also track our progress using Git so you can see each step of the development, and we'll commit our changes on GitHub so that it can easily be shared.

javascript angular beginners

Tuesday, October 8, 2019

It's hard to choose what to learn in web development when there are so many options: should I learn vanilla JS or a framework like Angular? Find the answer in this article.

bootstrap beginners layouts

Monday, October 7, 2019

See how to build a Bootstrap 4 layout step-by-step with the help of GitHub so that you can track your progress. We'll use the Brackets editor and the Github Desktop app. We'll build a custom layout using the Carousel example layout as our starting point. We'll also add a scrollspy to our navbar so that it updates as visitors scroll down our page.

bootstrap beginners layouts

Sunday, October 6, 2019

This tutorial shows how to cherry-pick Bootstrap 4 components to quickly build a Boostrap 4 layout with Angular 8. We'll also use GitHub to keep track of updates to our project, and Stackblitz to develop our theme in an online IDE, so that we can share it easier.

bootstrap beginners layouts

Saturday, October 5, 2019

In part 8 of Building Bootstrap layouts tutorial series, we'll learn how to modularize our Bootstrap layouts with the help of Angular. This post will also be a gentle introduction into the very basics of Angular 8. We'll use Stackblitz to help us build a minimal Angular app, and we'll add our Bootstrap 4 layout on top of it.

bootstrap beginners layouts

Friday, October 4, 2019

In this tutorial we'll build a complete Boostrap 4 layout based on the official Bootstrap 4 starter layout. We'll use some free fonts from the Google fonts website to build a typography-focused website layout. We'll also use the Brackets editor so that we can see our changes updated live. We'll copy a custom navbar from a premium Bootstrap theme and learn a bunch of stuff in the process.

bootstrap beginners layouts

Thursday, October 3, 2019

In this tutorial we'll upgrade the Checkout from example from the official getbootstrap website. We'll work with SCSS using th Koala app and Bootstrap 4.3 SCSS files. We'll see how to change default Bootstrap SCSS variables to get a custom layout.

bootstrap beginners layouts

Tuesday, October 1, 2019

Let's upgrade the official Pricing example layout from the official getbootstrap website. We'll copy custom CSS from another Bootstrap layout so that we make a custom, hybrid layout. We'll learn how to copy a Bootstrap 4's theme CSS file, and how to trim the unused CSS using Chrome devtools.

bootstrap beginners layouts

Monday, September 30, 2019

Let's upgrade the official Album example layout from the official getbootstrap website. We'll make it our own by adding transparency to the background color, adding some images, and learning about some Chrome developer tools functionality.

bootstrap beginners layouts

Monday, September 30, 2019

What are components in Boostrap 4? We can divide them into primary and secondary components. We'll use several of these primary components to build a simple and nice-looking layout, with a navbar, a carousel, a heading and some cards. Build a Bootstrap 4 layout quickly in this fun tutorial!

bootstrap beginners layouts

Sunday, September 29, 2019

Learn about Bootstrap 4's column grid and build a simple responsive layout in this tutorial. Additionally, understand how the row class works in combination with column classes and how they all fit in container classes in Bootstrap 4.

bootstrap beginners layouts

Saturday, September 28, 2019

Learn about Bootstrap containers and about the difference between regular containers and fluid containers. Additionally, we'll cover Bootstrap 4's contextual color classes: primary, secondary, success, danger, warning, info, light and dark. Learn how these are used for backgrounds and text color.

html css beginners basics

Friday, September 27, 2019

This article shows 10 practical tips and tricks in CSS for beginners and junior frontend developers. We cover these topics: centering a div, why not override framework CSS directly, how to make narrow containers in Bootstrap, which HTML element to use to style navigation, what are over-qualified CSS selectors, and more!

html css beginners basics

Thursday, September 26, 2019

What is the difference between CSS flexbox and CSS grid? How to use the former and the latter? Learn all of this and more in our in-depth introductory article on using CSS grid.

html css beginners basics

Wednesday, September 25, 2019

This tutorial is a genle introduction to CSS variables. We'll start with a CSS example layout that uses no variables, and we'll convert it to a layout that uses CSS variables. During this process, we'll learn why CSS variables are so useful.

html css beginners basics

Wednesday, September 25, 2019

Learn the basics of using CSS transitions and animations, what makes them similar, and what makes them different. Additionally, learn the basic rules of using CSS transitions and animations in this tutorial.

html css beginners basics

Wednesday, September 25, 2019

How to build a simple layout with Bootstrap 4? We'll learn all about it in this tutorial, the twentieth in the HTML and CSS basics article series.

html css beginners basics

Wednesday, September 25, 2019

In this tutorial, we'll continue learning HTML and CSS layout techniques by using the micro CSS framework we've built in the previous tutorial. We'll use our own micro CSS framework to build a simple HTML and CSS-powered website layout.

html css beginners basics

Tuesday, September 24, 2019

This practical tutorial shows how to build your own CSS micro-framework. This tutorial is aimed at understanding the thinking behind popular CSS frameworks, and realizing that it's not some magical thing - it's just a collection of reusable HTML and CSS code snippets.

html css beginners basics

Monday, September 23, 2019

In this introduction to SCSS and Sass, we'll see how to easily get started with these supersets of CSS and what are the benefits of using them. We also learn about how to use SCSS in our computer, and about using Node-sass.

html css beginners basics

Saturday, September 21, 2019

In this tutorial, we go through an overview of a few very popular frontend frameworks: Bootstrap, Bulma, and Material Design Light.

html css beginners basics

Saturday, September 21, 2019

What are column-based CSS layouts and what led to them? What problems do they solve, and how to build a column-based CSS layout from scratch? That's what we'll learn in this tutorial. We'll finish the tutorial by learning how to make our column-based CSS layouts responsive.

html css beginners basics

Friday, September 20, 2019

Emmet helps us write HTML and CSS code faster. In this tutorial, we learn the basics of Emmet alongside CSS resets.

html css beginners basics

Friday, September 20, 2019

In this tutorial we'll convert a static HTML layout into a responsive one. We'll introduce flexbox layout in CSS, and we'll make our flexbox-based layout responsive using media queries in CSS.

html css beginners basics

Thursday, September 19, 2019

With media queries, we can build layouts that respond to devices they're viewed on. In this tutorial, we'll see how media queries work, and how to get started using them in our CSS.

html css beginners basics

Thursday, September 19, 2019

In this tutorial, we'll build our first HTML and CSS layout. We'll learn about mocking up a web page, adding it structure using HTML, and styling it with CSS. We'll use the calc function in CSS, and style the header, sidebar, main area, and a footer.

html css beginners basics

Tuesday, September 17, 2019

In this tutorial we learn all about images and floats in CSS. We see how floats were used in the past to build layouts, and we learn that it's not such a good idea today, because we have better layout techniques at our disposal. Additionally, we learn that images are inline elements, and we learn how to clear floats.

html css beginners basics

Tuesday, September 17, 2019

Learn about the most commonly used CSS selectors, and the role of CSS specificity in how the browser determines what CSS selectors to apply to a part of a web site.

html css beginners

Tuesday, September 17, 2019

All the CSS selectors with examples are listed in this one single article. Learn about more than 35 CSS selectors in this ultimate list of CSS selectors, sure to cover any CSS targeting use case.

html css beginners basics

Monday, September 16, 2019

In this tutorial we'll examine the differences between relative, absolute, and fixed positioning, and what happens when we position a parent element relatively, and a child element absolutely in our HTML layouts.

html css beginners basics

Sunday, September 15, 2019

What is CSS positioning about? How does relative positioning work with top, right, bottom, and left values specified? Find the answers to these questions in the seventh article in our HTML and CSS basics article series.

html css beginners basics

Saturday, September 14, 2019

What is the box model in CSS and how to preview it in our browser's developer tools? This tutorial answers these questions. Additionally, we look at how to controll the box model using CSS, and how to specify individual paddings and margins to our HTML elements.

html css beginners basics

Friday, September 13, 2019

In the fifth article in our series titled HTML and CSS basics, we discuss the interplay between display property and block-level and inline HTML elements.

html css beginners basics

Friday, September 13, 2019

We can control the document flow of HTML documents using the display property in CSS. This allows us to swtich block-level elements to inline elements, and vice-versa. In this tutorial, we'll see exactly how this is done.

html css beginners basics

Thursday, September 12, 2019

How to style block-level HTML elements? How to style them using CSS classes? We discuss these questions in the third article in our HTML and CSS basics article series. We conclude this tutorial with the benefits of using CSS classes over CSS element selectors.

html css beginners basics

Tuesday, September 10, 2019

In the second article of our HTML and CSS basics, we'll learn about normal document flow of web pages, as well as the differences between block HTML elements and inline HTML elements.

html css beginners basics

Tuesday, September 10, 2019

We'll begin learning HTML and CSS basics by learning about whitespace, HTML elements, and CSS selectors. We'll learn how HTML and CSS work together to build web pages.

angular beginners data

Monday, September 9, 2019

In this intro tutorial on working with data in Angular, we'll learn how to loop over some data and additionally, use ng-container in our code.

javascript beginners

Sunday, September 8, 2019

When you're learning to code, it's always a good idea to try to build apps on your own. These apps don't have to be big; actually, as a beginner, it's better if apps are tiny. In this tutorial, we'll see how to learn JS by building a simple game of choice.

angular beginners data

Friday, September 6, 2019

In this beginner-friendly article we continue our exploration of how to work with data in Angular.

angular beginners data

Friday, September 6, 2019

How to work with data in Angular? That's what this beginner-friendly tutorial is about. Using a simple, practical example, we get started understanding working with data in Angular.

angular beginners

Thursday, August 22, 2019

In this hands-on tutorial, learn how to add a custom pipe to your Angular app. Live code example available on Stackblitz (link inside the tutorial).

angular beginners

Monday, April 29, 2019

Angular app ideas can be found in this list of Angular apps that one can build while learning Angular. Some of the apps in this list are actual tutorials, others are just app ideas.

php beginners

Saturday, April 6, 2019

PHP beginners will find some great tips and tricks regarding PHP here. This article is ever expanding, with new additions added from time to time.

javascript beginners

Monday, March 18, 2019

If you're planning to start learning a coding language, you can't go wrong with JavaScript. In this article we bring you 10 reasons why choose JavaScript as your first programming language.

php beginners

Thursday, January 31, 2019

In-depth PHP basics for newbie web developers, how to get started quickly, and some practical examples and exercises - we cover all of this and more in this article..

javascript beginners

Monday, December 3, 2018

This tutorial compares JS functions to simple machines. We go step by step, building a JS function from scratch. We follow all the technical jargon with in-depth explanations and diagrams. By the end of the article, you should have a solid understanding of how JS functions work. Additionally, this is only the first in a series of several articles about the inner workings of JS functions.

html css javascript beginners

Friday, October 19, 2018

In this quick tip tutorial, we see how easy it is to add a border to a table HTML element using CSS, in all the different ways.