Javascript on Duomly blog

How One Day of Work Reduced Our Server Load by 70% for Free

Mon, 12 Aug 2024 01:42:26 +0000

Introduction

Managing server load is a constant battle in web development. As your application scales and traffic spikes, your servers can buckle under the pressure, leading to slow response times, frustrated users, and ballooning hosting costs. We faced this exact challenge with our API, which was struggling to keep up with demand. We needed a solution that was fast to implement, cost-effective, and powerful enough to make a real difference.

How a Simple Call Stack Optimization Saved Us 500K API Calls Monthly

Mon, 05 Aug 2024 01:42:26 +0000

Introduction

Fourteen years in full-stack development—spanning Node.js backends, NestJS APIs, Angular dashboards, and React Native apps—have taught me that user frustration can be the ultimate motivator. In a React Native app with tens of thousands of users, we saw ~500k API calls failing monthly—not because our servers choked, but because app-level errors like bad internet or device crashes left users stuck. Progress vanished, data didn’t sync, and complaints piled up. After years of refining a callstack worker to retry those fails and save the day, I’ve open-sourced it as @radoslawfabisiak/react-native-callstack.

15 useful VS Code extensions for front-end development in 2021

Mon, 19 Apr 2021 06:28:00 +0000

Intro to 15 useful VS Code extensions for front-end development

Since some time Visual Studio Code becomes very popular IDE for Javascript developers. I started using it two years ago, and in my opinion, it’s a fantastic code editor. It allows me to customize it just as I want. VS Code also has a build-in git integration and terminal, so you don’t have to jump from one window to another.There are tones of plugins and even themes, where everyone can find something that he or she needs.

React Native project ideas

Mon, 01 Feb 2021 06:42:26 +0000

This article contains affiliate links. By purchasing using these links you support our blog and YouTube channel.

Intro to React Native project ideas

A few months ago, we realized that what people who study programming as self-learners miss are ideas for projects that can be built to practice your skills and build a portfolio.

Taking into consideration that practicing is really important to really learn programming and new frameworks, we decided to start a series where we provide a few ideas for each frontend technology. On our blog, you can already find such articles like:

What is JSX?

Mon, 25 Jan 2021 06:42:26 +0000

Intro to what is JSX?

As a student learning front-end development, your first choice after HTML, CSS, and Javascript is a framework that will make it easy to create the first project.

And as most beginners start with ReactJS because it’s pretty popular and easy to use the framework. So, when you are already used Create React App to set up your new project, you may realize something wired or something new.

What is Create React App?

Mon, 11 Jan 2021 06:42:26 +0000

Intro to Create React app?

Setting up a ReactJS application from scratch can be a long and complicated process. You have to think about everything, like Babel, Webpack with all the plugins, testing libraries, etc. And it can also bring some issues which can take a few hours to solve.

But fortunately, there is a fast and easy solution that can be used in lots of cases, and it’s the Create React App tool. It’s enough to install it on your computer and run the simple command everything you want to create a simple ReactJS application and start working with it.

Composition vs Inheritance in React.JS

Mon, 04 Jan 2021 06:42:26 +0000

Intro to composition vs inheritance

Welcome to the composition vs inheritance in React comparison.

If you’re a senior developer or architect, I bet you know the most popular concepts, design patterns, and how stuff works inside. But still, not many front-end devs go think so much about composition and inheritance.

It’s not an often discussed topic, and I’ve noticed not all devs can explain why they created their solution with this or this way.

List and keys in React - cheatsheet for beginners

Mon, 21 Dec 2020 06:42:26 +0000

List and keys in React intro

List and keys in React are among the most basic concepts. It may be the first scary one for beginners who just started to create their first application using the React framework. And what’s even scarier, you can’t avoid using lists because almost every application has some kind of repeatable content.

But in reality, really simple. It just needs to be explained.

That’s why in this article, I decided to explain what lists are, how to build a list in JSX, what keys are and how to fix one of the most common errors connected to list and keys you will see a lot of times in your console.

React lifecycle methods with hooks cheatsheet for everybody

Thu, 17 Dec 2020 06:42:26 +0000

Intro to React lifecycle methods

Welcome to the react lifecycle tutorial, where I will explain all the things related to the react component lifecycle methods.

You’ll learn about the four main react component lifecycle stages, when they’re fired, and what is happening inside.

Next, we will talk about the methods used during these stages, which ones we need, and which ones we should avoid.

We won’t forget about these deprecated methods, so you will know which ones you should definitely refactor in your code and don’t use anymore.

Fetch or Axios - what is better for HTTP requests?

Mon, 02 Nov 2020 06:42:26 +0000

Intro to Fetch vs. Axios

One of the most essential parts of frontend development is communication with the backend by making HTTP requests. There are a few ways how we can make API calls in Javascript asynchronously.

A few years ago, most applications were sending HTTP requests using Ajax, which stands for Asynchronous Javascript and XML. But right now, developers mostly decide about selection between fetch() API and Axios.

In this article, I’d like to compare those two methods, go through basic overview and syntax. Besides that, I’ll compare the process of converting data to JSON format in both cases and error handling as well. I’m also going to talk about HTTP interception and download progress.

How to build an Instagram clone with react js, next js and bootstrap 5 tutorial for beginners

Mon, 19 Oct 2020 06:42:26 +0000

Intro to how to build an Instagram clone with react js and next js

Hello, you will learn how to build an Instagram clone with react js and next js in today’s episode.

To build our Instagram clone template, we will use Bootstrap 5.

I’m super excited to show you all of that because it’s one of the coolest applications we will build together.

You will learn many useful things today.

Client-Side Rendering or Server-Side Rendering - what is the best solution for your next application?

Mon, 21 Sep 2020 06:42:26 +0000

Intro to Client-Side Rendering vs. Server-Side Rendering

We can create awesome web applications and websites with the technologies we have right now, but there’s still a performance that needs to be considered. Developers outdo each other to achieve the best results in loading speed and user experience in their projects. And at that point, there are many discussions on the way, applications should be rendered.

Before modern front-end frameworks started to be used so commonly, websites were rendered on the server, and ready .html files were sent to the browser.

REST API vs GraphQL - comparison

Wed, 09 Sep 2020 06:42:26 +0000

Into to REST API vs. GraphQL

Since GraphQL was presented as a revolutionary alternative to RESTful API in 2015, there is a discussion between both solutions’ supporters and opponents. As everything, RESTful API and GraphQL both have pros and cons, which need to be considered selecting proper solutions for the next project.

And as always, the choice should depend on the type of project that you are building. For some kind on the application, RESTful API will be a justified solution, when for the other type, GraphQL will be much better.

How to implement redux-saga with ReactJS and Redux [TUTORIAL]

Tue, 08 Sep 2020 06:42:26 +0000

Intro to Redux setup tutorial

Very often, you can hear about the state in frontend applications, but what it exactly is? Let me explain.

State in frontend applications represents all the data stored in the application in a given time. It can be stored in different formats like objects or strings. Based on the state’s values, we can personalize the application, display, and hide certain elements.

To manage the state in modern frontend frameworks, we can use different libraries like Redux, MobX, or NgRx. The most common one is Redux, which is used mainly with ReactJS applications, although it’s possible to use it with Angular as well.

RxJS: Observable vs Subject - tutorial for beginners

Tue, 01 Sep 2020 06:42:26 +0000

Intro to RxJS Observable vs Subject

RxJS is one of the most useful and the most popular libraries when using Angular as the main framework for your project. RxJS provides two types of Observables, which are used for streaming data in Angular.

For most beginners, who just started with Angular, Observables are the biggest source of frustration; it’s confusing and not easy to understand. Personally, I felt the same; when I started with RxJS, it was confusing.

Testing ReactJS app with Jest and Enzyme tutorial

Mon, 31 Aug 2020 06:42:26 +0000

Intro to testing frontend applications

Writing a good quality web application requires testing, to avoid unexpected crash of one component when something changes in the other one. It’s necessary to understand the logic and plan test cases at the beginning to test the application well.

In this article, I’d like to go deeper into development concepts like Test-Driven Development (TDD), and explain to you why testing the app is essential. Besides that, I’ll go through the pros and cons of testing, and I’ll describe three types of tests usesd in testing web apps.

14 most popular Angular interview questions in 2020

Thu, 27 Aug 2020 06:42:26 +0000

Intro to Angular interview questions

Some time ago, we started a series about Javascript interview questions, we’ve gone throng some questions about React.js, CSS, and backend.

But still, we didn’t cover all the technologies that are important for front-end developers; that’s why today, I decided to create a list of 14 questions about Angular, which can be very helpful in your next interview for the position with Angular.

I’m going to start with the fundamental information that can be useful for junior developers, and then I’ll also cover some more advanced aspects of this framework.

How to select right tech stack for your next web application?

Tue, 25 Aug 2020 06:42:26 +0000

Intro

Before every project in IT starts, there is a lot of planning and decision-making processes. This planning phase is critical and can have a significant impact on the project’s future.

Selecting the right technology stack can affect the time of development, cost, quality of the application, and also the scalability, that’s why it’s so essential to make this decision right, even if you need to spend more time, analyzing all the pros and cons of available solutions.

How to build company website with Bulma CSS

Mon, 24 Aug 2020 06:42:26 +0000

Intro to how to build company website with Bulma CSS

Today you will learn how to build company website with Bulma CSS.

In the previous episodes, you’ve learned how to build a website with Bootstrap 5: https://www.blog.duomly.com/how-to-crate-simple-web-page-using-bootstrap-5/

And, you’ve learned how to build admin template with Bootstrap 5: https://www.blog.duomly.com/how-to-build-bootstrap-admin-template-tutorial/

Now, it is the time for something the same fantastic, and maybe even sweeter for the UI.

Bulma CSS framework is a very popular, great to use, and a beautiful CSS framework that you can use to build great UI.

How to create a front end project structure that scales and is easy to maintain?

Wed, 19 Aug 2020 06:42:26 +0000

Intro to frontend project structure

The frontend has never been so complex as it is today. A few years ago, it was just about some colorful elements placed in the table, and simple events to send the data to the backend.

Since modern frontend frameworks and libraries came into play, the client-side became responsible for a big part of logic and functionality. Now, we even start building serverless projects, where almost everything needs to be processed by the frontend.

How to build Bootstrap admin template tutorial

Mon, 10 Aug 2020 06:42:26 +0000

Into to building a Bootstrap admin template

Last week I published an article about Bootstrap 5, where we showed you how to build a simple portfolio web page, and it seems like a lot of you really like it.

That’s why today I decided to prepare you a new Bootstrap tutorial, where we are going to build a Bootstrap 5 admin template for the blog management application, step by step.

Also, if you’d like to build a dashboard with Bootstrap 4, remember to check out our previous tutorial here.

6 most popular front-end interview questions and answers for beginners [PART 3]

Tue, 04 Aug 2020 06:42:26 +0000

Intro to Front-end interview questions for beginners PART 3

Today we’ll talk about the CSS interview questions for beginners.

Welcome to the next part of the front-end questions series.

All of the episodes in our series are related to the most popular things that developers ask about the technology, which are often used in job tech interviews.

In the previous episodes, we talked about javascript and React.js more general, and you can find the URLs to those episodes here:

How to create a simple web page using Bootstrap 5

Mon, 03 Aug 2020 06:42:26 +0000

Create a simple web page using Bootstrap

A few weeks ago, Bootstrap 5 alpha version appeared on the market, and that’s why today I’d like to go through what’s new and create a simple web page using Bootstrap 5.

In April, we’ve published the article and video about Bootstrap 4 where we are showing you step by step how to build a simple dashboard, so if you missed that episode and article, go ahead and check it here:

6 most popular front-end interview questions and answers for beginners [PART 2]

Tue, 28 Jul 2020 06:42:26 +0000

Intro to Front-end interview questions for beginners PART 2

Today we’ll talk about the react interview questions for beginners.

Welcome to the next part of the front-end questions series.

All of the episodes in our series are related to the most popular things that developers ask about the technology, which are often used in the job tech-interviews.

In the previous episode, we talked about Javascript more general, and you can find the URL to that episode here:

10 most popular javascript interview questions and answers for beginners PART 1

Wed, 15 Jul 2020 06:42:26 +0000

Intro to 10 most popular Javascript questions for beginners

In this article, I’ve gathered 10 most often asked questions about Javascript, and I decided to answer those questions, one by one.

They mostly cover Javascript basics, so if you just started to learn this programming language, that’s a good idea to go through them and understand the essential concepts.

On this list, you can find such topics like closures, promises, hoisting or classes, and much more.

GraphQL tutorial - ReactJS Course: Lesson 1

Wed, 08 Jul 2020 06:42:26 +0000

Intro to ReactJS with GraphQL

REST is an API design architecture, where requests are done through the URLs, and the core idea in the REST API is that when linking to a particular URL, you should get a piece of data, called a resource. Connecting to the URL in the REST API is called a request, and the answer is the response.

GraphQL is a query language for the API. It allows us to ask for specific data, without calling the API a few times, and the request is done with queries. In case, developers need just one value from the database, there’s no need to get everything. GraphQL is organized as types and fields, not endpoints.

7 Node JS project ideas for beginners, to train your skills

Fri, 03 Jul 2020 06:42:26 +0000

This article contains affiliate links. By purchasing using these links you support our blog and YouTube channel.

Intro to Node JS project ideas for beginners

In this article, I’d like to tell you about 7 Node JS project ideas that will help you train your skills, build an impressive portfolio, and get hired.

For some time, I’m publishing the lists of projects that you can use to practice the coding skills that you’ve just learned. I was focusing mostly on frontend technologies, but today I decided to jump to the Javascript backend framework called Node JS. This is also a way to practice Javascript, but doing backend projects with this programming language.

Node.js Course With Building a Fintech Banking App – Lesson 4: Login and User Authentication

Wed, 01 Jul 2020 06:42:26 +0000

In previous weeks we started a Node.js Course, where we are building a fintech banking application. In this course, we are using the Nest.js framework and Typescript.

In the first lesson of this Node.js Course, we started a project and done migrations to set up the database.

In the second and third lesson, I focused on user registration, creating a new user in the database, and displaying the proper response from the endpoint.

9 Vue JS project ideas for beginners, that will help you to get hired

Mon, 29 Jun 2020 06:42:26 +0000

Intro to Vue JS project ideas for beginners

In this article, I’m going to share another list of project ideas, today for the Vue.js apps.

You could realize that we’re publishing articles with a list of project ideas for the particular front-end technology to provide you some apps ideas that you can create to practice coding and create an excellent portfolio. It’s also helpfull if you wonder how to practice Javascript.

Angular Course with building a banking application with Tailwind CSS – Lesson 5: User authentication

Wed, 24 Jun 2020 06:42:26 +0000

Intro to Angular Course - User authentication

For almost one month, we are preparing an Angular course for you, and we are building a fin-tech application. Today I’m going to show you how to implement user authentication and how to use it with guards and resolvers.

Our main goal is to check if the user token is active and compatible with the user id. When it’s correct, our API will return us the user data, and the user will be able to see the dashboard. If not, the user will be redirected to the login form.

11 React.js projects for beginners, that will help you to build an amazing portfolio and get hired

Thu, 18 Jun 2020 15:13:03 +0000

This article contains affiliate links. By purchasing using these links you support our blog and YouTube channel.

In this article, I’m going to continue with the ideas for your portfolio, today with React.js projects for beginners. In previous weeks, I’ve published two articles with project ideas for a front-end developer portfolio.

I’ve started by providing you 11 HTML project ideas for beginners, so you can practice essential skills you’ve got in your career path.

Node.js course with building a fintech banking app – Lesson 3: User registration PART 2

Thu, 11 Jun 2020 15:13:03 +0000

In the previous week, I’ve published the second lesson of the Node.js Course, where we created registration and saved new users in our database.

If you would like to be updated, feel free to go back to the lesson one and follow up or get the first lesson code from our Github.

Today I’m going to refactor the code we’ve created for user registration to create a response which our API will send as a result.

Angular Course with building a banking application with Tailwind CSS – Lesson 4: User registration

Wed, 10 Jun 2020 15:18:11 +0000

For almost three weeks, we are creating an Angular 9 fintech application together, step by step.

We’ve already gone through the setting the project and creating a login form template, then we’ve created the logic for our login form, and last week we displayed user data in the template.

Today, it’s time for lesson 4, where we will handle user registration.

If you didn’t start with me, feel free to go through all the lessons until now. Or you can get the code from the previous lesson and jump straight to this lesson. Here’s a link to our Github repository for this Angular Course.

10 Javascript project ideas for beginners, that help you to build an amazing coding portfolio

Fri, 05 Jun 2020 14:57:46 +0000

This article contains affiliate links. By purchasing using these links you support our blog and YouTube channel.

One week ago, I wrote an article about HTML & CSS projects, which you can do to practice your skills and start building your coding portfolio. Then I also promised you the second part of this list, javascript project ideas for beginners. If you don’t have an idea how to practice Javascript, this list is definitelly worth checking.

Node.js course with building a fintech banking app – Lesson 2: User registration PART 1

Thu, 04 Jun 2020 15:30:21 +0000

Intro to Node.js Course – Lesson 2: User registration

In the second lesson of the Node.js Course, we are going to create a user registration.

In the previous week, I’ve published the first lesson of the Node.js Course, where we started a project using Nest.js, Nest CLI, PostgreSQL database, and Sequelize. Besides that, we managed to create migrations and set up the database.

So, if you would like to be updated, feel free to go back to lesson one and follow up or get the first lesson code from our Github.

Angular Course with building a banking application with Tailwind CSS – Lesson 3: User account balance

Mon, 01 Jun 2020 19:18:15 +0000

The previous week we’ve published the second lesson of our Angular Course with Tailwind CSS, where we are building a banking app step by step.

In the first lesson, we’ve created a project using Angular CLI, installed Tailwind CSS, and started building the first component UI, the login form. If you didn’t start with us in lesson one, feel free to go back and start from scratch or just get the code from our Github.

Node.js course with building a fintech banking app – Lesson 1: Start the project

Wed, 27 May 2020 12:33:05 +0000

This article is the first lesson of our Node.js course.

The previous week, I and my friend started to build a project divided for two courses – backend with Golang and frontend with Angular 9. In the meantime, we got the idea to give you an alternative for a Golang course, and show you how to build a similar backend using Node.js.

In this article, we are going to start by setting up the Nest.js project, connecting with the PostgreSQL database and make migrations.

Angular Course with building a banking application with Tailwind CSS – Lesson 2: Login form

Mon, 25 May 2020 13:35:26 +0000

Into to Angular Course

A few days ago, we published the first lesson of the Angular Course, where we are building frontend for the banking application you could see in the SQL injection tutorial.

In the first lesson we started with setting up the project using Angular CLI, implementing TailwindCSS, and creating a UI for the login form.

Today I’d like to go one step further and create logic for the component we’ve created. So, if you were creating the application with me in the previous part, then let’s open the code and start the app. If not, check out the Angular Course – Lesson 1: Start the project or check out our GitHub and get the code from there.

Angular Course with building a banking application with Tailwind CSS – Lesson 1: Start the project

Thu, 21 May 2020 10:36:43 +0000

Into to Angular Course

A few days ago we posted an SQL injection tutorial where you were able to hack the banking app which we’ve created.

We decided to create a full Angular course with Angular 9, where we’d like to teach you how to create front-end for the fin-tech application like the one in SQL injection example.

We are going to start by creating a new project with Angular CLI, installing Tailwind CSS for the UI, setting a proxy, and building Login component UI.

React Hooks Tutorial with Examples

Thu, 14 May 2020 15:54:26 +0000

Usually, most of the front-end frameworks updates don’t bring huge changes, but it was different in February 2019, when Facebook released 16.8 version of React.js.

They introduced Hooks API, a functionality which, in my opinion, makes things easier because it allows using of functional components a similar way as we used class components until that time.

As in the beginning, Hooks API was just used by some curious developers to check what’s inside, today it’s officially recommended to use it.

How to implement web monetization tutorial

Wed, 13 May 2020 10:49:24 +0000

This article was originally published at: https://www.blog.duomly.com/how-to-implement-web-monetization-tutorial/

Intro

Hi guys, today we will talk about web monetization.

Some of our friends or us have blogs, youtube channels, or websites.

Part of us do not do it for money but because it’s our hobby.

Anyway, in most cases, we have any cost of hosting or money that we need to pay for graphics or other maintenance.

Even if you do not plan a big business on that, probably it would be nice if there would be a bit of cash on that.

How to use Fluent UI – building a fintech dashboard tutorial

Tue, 12 May 2020 18:34:51 +0000

A few days ago while checking tech news I found a UI framework I’ve never heard about, Fluent UI by Microsoft. Driven by curiosity I decided to take a quick look at the new discovery and check out how it looks like and how it works.

On the Microsoft website, I found out that with Fluent UI I can create React.js web apps, apps for Windows, iOS, and Android. As a front-end developer, I decided to turn my full interest in web apps and that led me to the point where I saw how many beautiful, clean, components does it offer.

How to use animate css tutorial with examples

Thu, 07 May 2020 08:48:36 +0000

In this article, I’d like to show you how to use animate.css library.

A few years ago, I was working on a mobile app project where the user interface was pretty advanced, loaded with lots of movement and gradients. It was just like each of those modern mobile apps, which would like to provide the best visual experience to users.

It took me lots of time to create all the animations in CSS and make them smooth and good looking according to designer instructions. Then, I started to look for some solution that will make this task more comfortable and will give me the required result without any surprises.

How to build dashboard with Bootstrap tutorial

Sat, 22 Feb 2020 08:00:19 +0000

Would you like to create websites from a ready element? Bootstrap is one of the most popular CSS frameworks. It allows us to build a beautiful UI from ready components, like navbars or forms. Bootstrap also provides a responsive design so, while using the grid properly, you don’t have to do additional styling for mobile views.

For advanced developers, CSS frameworks seem to be simple because it’s mostly about reading the documentation, but beginners sometimes may have issues building projects from Bootstrap components. That’s why I decided to create this tutorial and build a simple dashboard, with step by step explanation.

React vs Angular vs Vue

Thu, 16 Jan 2020 08:00:24 +0000

Since a few years, the popularity of different front-end frameworks grew significantly. That’s why those days probably lots of us can’t image front-end development without using one. While starting a new project, we have to decide which framework to choose to make development fast and easy and to have a great final result.

Since Google developers released Angular, and Facebook programmers created React.js, developers started to discuss which one is better. When the front-end community divided into Angular and React supporters, the new serious player appeared on the market. In 2018 Vue.js became a significant competition to its older brothers.

How to practice Javascript online and get the experience

Mon, 16 Dec 2019 16:19:53 +0000

Intro on How to Practice Javascript?

Javascript is a programming language that has been used for decades. It’s how you make interactive websites, how you build mobile apps. And it’s how most of us interact with our smartphones’ virtual assistants like Siri and Alexa.

Javascript is now everywhere in software development, which makes it one of the most in-demand skills on the market. That’s also the reason why many people start learning Javascript. It’s very often chosen as a first coding language.

Angular tutorial

Mon, 02 Dec 2019 11:45:51 +0000

Some time ago, I created the first tutorial about React.js where I showed you how to create an easy React.js application using an existing API and Bootstrap for styling. The positive response for this article brought me to the idea of creating a series of simple tutorials on how to build an application with the most popular front-end frameworks. To make it even more helpful for beginners and those who prefer to watch and learn, then read and learn; I also decided to add a Youtube video to every episode.

React.js performance tutorial

Mon, 25 Nov 2019 10:46:13 +0000

Building applications sometimes can be a bit challenging, especially when we need to build a fast and good-quality application.

These times it can be necessary, especially when search engines can give bonus SEO points for faster working apps, and it can help us to reduce our bouncing rate very strongly.

To help you with that, I’ve created a few hints and tips which you could use to make your app very fast.

Vue.js tutorial: How to create Vue.js app in 5 minutes?

Tue, 12 Nov 2019 13:15:48 +0000

Vue.js is getting more and more popular, becoming a meaning competitor to frameworks like Angular or React.js. As a beginner-friendly front-end framework, it successfully conquers the hearts of junior front-end developers and people who just started to learn front-end programming.

So, as a person who started to learn front-end, you probably would like to practice your knowledge and write a simple app using your new skills. That’s why in this article, I want to show you how to build a simple Vue.js app with Bootstrap and REST API in 5 minutes, similar to how I did with the React.js app in one of the previous articles.

Which programming language should I learn for remote job?

Fri, 08 Nov 2019 14:36:56 +0000

I recently noticed, remote working is a very interesting subject for many people. This makes me think, most of us would like to get a job, with the possibility of working from home, and have an option, to choose if you prefer to go to the office and meet people, or if you prefer to stay at home to work from your own desk.

Of course, it’s not possible in every profession; for example, for a doctor who has planned surgery, it can be hard to do it remotely, but for many office workers, it is easily possible. A lot depends on the company and management, but as there are more and more technologies allowing to cooperate with people easily, and the only condition is a good internet connection, many companies start to see it as a very beneficial form of cooperation.

What is React.js and why it’s worth to learn?

Wed, 06 Nov 2019 10:57:57 +0000

Deciding to change your career and get into a tech market as a coding specialist is the first step to a great adventure that you start now. After some research, you decided to build websites and web apps, it seems easy for beginners and very in demand, so that’s the thing you want to jump in.

You already know that HTML and CSS are the total basics you have to learn, later Javascript is in the queue of the skills to get. But to be sure you’ve had the proper knowledge to get a position, you take a quick look at a few job boards and job offers to make your to-do list fully complete.

What is this keyword in Javascript?

Fri, 18 Oct 2019 08:58:52 +0000

This keyword in Javascript is an important concept that makes a lot of confusion for beginners and more advanced developers as well. It’s very powerful, but it’s not so easy to use if you don’t know how it works. In the article, I’m going to explain what is this keyword and what is its value in different cases, with code examples to make it even more apparent.

What is this?

Let’s first explain how Javascript code works to have a better understanding of what this keyword is. Every time we run Javascript in a browser, the engine executes a series of steps, and one of them is a creation of execution context. The execution context may be understood as an environment in which the Javascript code is running. Every execution context references the object, and this object usually refers to this keyword value. In other words, we may say that this keyword is a reference to the object, which called the function. The value of this keyword depends on where it is used.

How to create React app in 5 minutes?

Mon, 30 Sep 2019 10:43:33 +0000

React.js is one of the most popular front-end frameworks nowadays, which lots of people find useful to learn. After mastering the theory, it comes the time to start the practice, and then it may seem a little bit difficult, how to start, how to get data, how to display it. But creating your first React.js application doesn’t have to be so complicated.

It’s also a way to practice Javascript skills, but not the only one.

What is the difference between Shadow DOM and Virtual DOM?

Mon, 16 Sep 2019 06:30:35 +0000

DOM (Document Object Model) is a fundamental concept in front-end, and for sure, everyone who tried to learn programming has heard about it more than once. For beginners, it’s not so easy to understand what it exactly is and how to manipulate it. DOM manipulation isn’t so easy and comfortable, and the most important, it brings a lot of issues with performance. Nowadays, there are two essential concepts of DOM came with progressive web frameworks like Angular, React.js or Vue.js, Shadow DOM and Virtual DOM. In this article, I want to explain:what is the Document Object Model (DOM),

What are Javascript classes and how to use them

Mon, 09 Sep 2019 06:08:09 +0000

What are javascript classes

Classes are a fundamental concept in object-oriented programming, and they are used in many programming languages, but it wasn’t like this in Javascript. Until ECMAScript2015, known as ES6, classes didn’t exist in JS. In 2015 with the update classes were introduced as syntactic sugar for the existing prototype inheritance model. What classes bring is a more comfortable and more readable syntax for objects and inheritance.

Class in Javascript is a type of function, but instead of initializing it with the function keyword, the class keyword is used.

Essential knowledge about what are Javascript functions with examples

Mon, 02 Sep 2019 06:13:59 +0000

Function in programming is one of the most basic elements. It is a set of statements that perform some activity to get the result. In lots of cases, the action is performed using the data which are provided as input. The statements in the function are executed every time the function is invoked.

Functions are used to avoid repeating the same code. The idea is to gather tasks that are executed more than ones into a function and then call the function wherever you want to run that code.

What’s new in ECMAScript 2019 (ES2019)?

Mon, 19 Aug 2019 06:42:24 +0000

Every year since 2015, new ECMAScript features are released. Creating a new ECMAScript standard has four stages, from stage 0 to stage 3 it is mostly planning, and drafts and stage 4 is final. It’s possible to use the newest features in Google Chrome version 72. Let’s take a look at what exactly ES2019 brings us:

Object.fromEntries(),
trimStart() and trimEnd(),
flat(),
flatMap(),
Symbol object description property,
catch optional binging,
well formatted JSON.stringify,

Let’s go one by one and check how we can use this brilliant new features.

Javascript on Duomly blog

How One Day of Work Reduced Our Server Load by 70% for Free

Introduction

How a Simple Call Stack Optimization Saved Us 500K API Calls Monthly

Introduction

15 useful VS Code extensions for front-end development in 2021

Intro to 15 useful VS Code extensions for front-end development

React Native project ideas

Intro to React Native project ideas

What is JSX?

Intro to what is JSX?

What is Create React App?

Intro to Create React app?

Composition vs Inheritance in React.JS

Intro to composition vs inheritance

List and keys in React - cheatsheet for beginners

List and keys in React intro

React lifecycle methods with hooks cheatsheet for everybody

Intro to React lifecycle methods

Fetch or Axios - what is better for HTTP requests?

Intro to Fetch vs. Axios

How to build an Instagram clone with react js, next js and bootstrap 5 tutorial for beginners

Intro to how to build an Instagram clone with react js and next js

Client-Side Rendering or Server-Side Rendering - what is the best solution for your next application?

Intro to Client-Side Rendering vs. Server-Side Rendering

REST API vs GraphQL - comparison

Into to REST API vs. GraphQL

How to implement redux-saga with ReactJS and Redux [TUTORIAL]

Intro to Redux setup tutorial

RxJS: Observable vs Subject - tutorial for beginners

Intro to RxJS Observable vs Subject

Testing ReactJS app with Jest and Enzyme tutorial

Intro to testing frontend applications

14 most popular Angular interview questions in 2020

Intro to Angular interview questions

How to select right tech stack for your next web application?

Intro

How to build company website with Bulma CSS

Intro to how to build company website with Bulma CSS

How to create a front end project structure that scales and is easy to maintain?

Intro to frontend project structure

How to build Bootstrap admin template tutorial

Into to building a Bootstrap admin template

6 most popular front-end interview questions and answers for beginners [PART 3]

Intro to Front-end interview questions for beginners PART 3

How to create a simple web page using Bootstrap 5

Create a simple web page using Bootstrap

6 most popular front-end interview questions and answers for beginners [PART 2]

Intro to Front-end interview questions for beginners PART 2

10 most popular javascript interview questions and answers for beginners PART 1

Intro to 10 most popular Javascript questions for beginners

GraphQL tutorial - ReactJS Course: Lesson 1

Intro to ReactJS with GraphQL

7 Node JS project ideas for beginners, to train your skills

Intro to Node JS project ideas for beginners

Node.js Course With Building a Fintech Banking App – Lesson 4: Login and User Authentication

Intro to Node.js Course - Login and User Authentication

9 Vue JS project ideas for beginners, that will help you to get hired

Intro to Vue JS project ideas for beginners

Angular Course with building a banking application with Tailwind CSS – Lesson 5: User authentication

Intro to Angular Course - User authentication

11 React.js projects for beginners, that will help you to build an amazing portfolio and get hired

Node.js course with building a fintech banking app – Lesson 3: User registration PART 2

Angular Course with building a banking application with Tailwind CSS – Lesson 4: User registration

10 Javascript project ideas for beginners, that help you to build an amazing coding portfolio

Node.js course with building a fintech banking app – Lesson 2: User registration PART 1

Intro to Node.js Course – Lesson 2: User registration

Angular Course with building a banking application with Tailwind CSS – Lesson 3: User account balance

Node.js course with building a fintech banking app – Lesson 1: Start the project

Angular Course with building a banking application with Tailwind CSS – Lesson 2: Login form

Into to Angular Course

Angular Course with building a banking application with Tailwind CSS – Lesson 1: Start the project

Into to Angular Course

React Hooks Tutorial with Examples

How to implement web monetization tutorial

Intro

How to use Fluent UI – building a fintech dashboard tutorial

How to use animate css tutorial with examples

How to build dashboard with Bootstrap tutorial

React vs Angular vs Vue