Anna Danilec author's page on Duomly blog

CodeLobster review - let’s check the PHP IDE!

Mon, 26 Jul 2021 01:42:26 +0000

Intro to CodeLobster IDE review

To start creating a project, every programmer needs some tools, that will make the coding faster and easier. Most developers prefer to have everything in one tool. That’s why most of us decided to go for IDE, which usually provides more than just a code editor.

IDE usually consists of many useful features, that help developers to stay focused instead of changing the windows every time they want to perform different actions. IDE consists of at least a code editor, debugging tool, and build automation tools, but those are just essentials. There are IDEs that have even version control systems and many many more.

15 CSS tips and tricks which help you to create an amazing websites

Mon, 26 Apr 2021 00:00:29 +0000

CSS is Cascading Style Sheets and is used to describe how HTML elements should display. It’s one of the first technology learned by soon to be front-end and web developers, and it’s an absolute have to know basic.

Although it seems CSS can’t do a lot besides giving our HTML colors, positions, etc., but it can also let us create animations and bring some life to our apps and websites. Probably now many of us take care of mastering CSS and learning it so deeply, but it’s totally worth to know some useful tips and tricks which may help you to create stunning websites!

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.

27 freelance jobs of the future that will let you work remotely

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

27 Freelance jobs of the future that will let you work remotely - Intro

Everything is changing, including the job market and people’s needs. More and more young people starting their adult lives want more freedom than our parents used to have. We want to travel around the world, still earning enough money to pay for rent.

Considering that we actually have tools to live like this, we have internet and software that allows us to work remotely and do freelance jobs anywhere in the world or from our own apartment.

9 PHP projects ideas

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

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

PHP projects ideas

Getting experience in new technology you are starting with is necessary to get a job, start freelancing, or even start feeling more confident with it.

By creating two, or three projects in the given technology, you can check how to set up the project and what’s important and learn some good practices of coding with the selected technology.

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.

Types of employment as programmer

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

Types of employment - intro

When you become a software engineer and get some experience, you have more than one way to go with your career. Although most software developers work their whole life as full-time employees, there are at least two other ways programmers can go with their skills.

By selecting different types of employment, you can change your career by 180 degrees. If that change would be positive or negative, you need to analyze the pros and cons of different employment options. Some of them may seem to best for you, while some others can be something you’d prefer to avoid.

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.

6 job interview tips for developers

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

Job interview tips for developers intro

The job interview is something challenging for many people because you have to go to the meeting with your future employer personally in most cases. Besides that, you never know what kind of questions you can hear and what answer will be the best.

Although the technical part is important and depends on your hard skills, sometimes it happens that even an experienced developer may not pass the interview because of the soft skills and lack of preparation for the other part of the interview.

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.

What are your future goals in career and life?

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

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

What are your future goals?

What are your future goals? This question is pretty common while interviewing for the job of your dreams. And that’s kind of understandable that company that would like to hire you, what’s to know what are your future goals for work or even in life.

First of all, if you can present your development plan and describe what you’d like to achieve in the next few years, you can be a great investment for the company to bring you on board.

Webpack configuration - step by step tutorial on how to setup Webpack

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

Intro to Webpack tutorial

Webpack is a tool very often used in software development, and it’s pretty useful. For many junior and even mid developers, Webpak can be the darkest nightmare, and it was scary for me as well. By all the power, I tried to avoid setting Webpack by using tools like create-react-app to build a new ReactJS application and never have to do any changes inside the ready config, as it seemed confusing.

How to setup MongoDB in the cloud with Atlas?

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

Intro to setup MongoDB in the cloud with Atlas

Almost every application you are trying to build needs a database; depending on the type of data you’d like to keep inside, some developers select SQL databases like PostgreSQL or NoSQL databases like MongoDB.

Nowadays, when MERN and MEAN stacks for applications are more and more popular, many developers select MongoDB. To start a project, you’d need to set up MongoDB locally on your computer or online in the cloud. In my opinion, it’s much easier to set it up online because when the application is ready, you don’t need to move the database and avoid some issues.

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.

Divi theme review 2021 - is Divi worth it?

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

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

Intro to Divi Theme Review

When you start your own business, you have to consider one of the most important things is your presence on the internet. No matter if you are selling a digital resource or opening a restaurant, you need to have your website where you can share your information about your business, location, and make yourself visible for everyone online.

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

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:

8 amazing HTML button hover effects, that you should try in your website

Mon, 27 Jul 2020 06:42:26 +0000

Intro to HTML button hover effects

Buttons are essential HTML elements often used on every page, web application, or mobile application.

HTML button is quite an essential element in the layout because, in a lot of cases, it’s the element that has to be noticed by the user as a call to action and convince to click on it.

Front-end developers and designers often try to highlight buttons in any nice way, especially when users interact with them, for example, on hover or focus.

6 most common backend questions and answers for beginners, explained! [PART 1]

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

Intro to backend questions and answers for beginners

In this article, I gathered 6 the most common and exciting questions about backend development, and I’d like to answer them and explain them one by one.

Those questions mostly cover tools used in backend development, databases, and architecture, so if you just start learning about backend and plan your backend career. It’s a great idea to go through those questions and understand the essentials you’ll need.

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.

9 Python project ideas for beginners, to practice your coding skills and get hired

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

Intro to Python project ideas for beginners

Everyone who has ever learned anything knows that practice really matters. That’s why, when you are learning a programming language, it’s essential to train it by building projects.

Besides that, when you practice your coding skills, you can create the projects that you can add to your coding portfolio on Github and show it when you will be looking for a job.

If you don’t know how to start your portfolio on Github, I did a video about it a few months ago, which you can check.

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.

How to increase your website speed and score 100 on Google PageSpeed Insights

Thu, 25 Jun 2020 06:42:26 +0000

Into to 7 methods to increase your website speed and score 100 on Google Page Speed Insights

In this article, I’d like to tell you about 7 ways that helped us to increase our blog speed and score 100 on Google Page Speed.

When you are writing your own blog to share something you are passionate about or have a website for your company, you’d like other people to know about it and read it.

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.

Freelance programming: how to start getting clients and earning money in 8 steps

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

How to start freelance programming

Starting a freelance programming career became really popular in previous years, and of course, it has lots of advantages. Hence, people are more and more interested in working this way.

Some of us choose freelancing because it can be done anywhere, you don’t need to be in a specific location to do freelance jobs. One day you can be in South America, second in Australia and the other in Asia. And it doesn’t bother anyone until you have time to get the job done.

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.

Flutter Course, building a fintech mobile app – Lesson 1: Login form

Mon, 15 Jun 2020 15:42:26 +0000

Intro to Flutter Course

Flutter is a framework to build mobile applications for Android and iOS using Dart programming language. Flutter was made by Google developers, and now it’s the main competitor of React Native.

As a front-end developer, I’ve already worked with React Native, and I have an idea of how it works, but Flutter was a mystery that I wanted to discover. So, I did, and that’s why today I’d like to show you how cool Flutter is, and how comfortable it’s to work with this tool.

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.

HTML project ideas for beginners

Thu, 28 May 2020 13:15:50 +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 give you 11 HTML project ideas for beginners.

Creating your coding, front-end portfolio can be challenging, especially if you are a newbie and don’t have a lot of ideas.

You probably wonder what kind of smaller or bigger projects you can create to impress your future employer and quickly get a job.

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.

17 work from home tips

Mon, 18 May 2020 16:21:15 +0000

Work from home seems fantastic, you wake up, and you don’t have to hurry. All you need to do is turning on your computer and get connected. As long as you are working from home daily, you are aware of all the inconvenience that may happen, like an uncomfortable workspace or your neighbor doing noisy works. Most of us have some solutions for those kinds of situations, by experience.

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

CSS background image tutorial with examples

Fri, 08 May 2020 15:36:43 +0000

The background image is probably one of the CSS properties which all of us, front-end developers, used at least a few times in our careers. Most people think that there can’t be anything unusual about background-image, but after a quick research, I have a different conclusion.

There are lots of questions askes about CSS background image every day in Facebook groups and lots of unknown tricks which can help us to achieve amazing effects and make stunning apps and websites.

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 an HTML table tutorial

Tue, 05 May 2020 08:04:21 +0000

When you are building a project which has some data to present, you need a good way to show the information easily and understandably. Depending on the type of data, you can select between different HTML elements.

In many cases, the table is the most convenient method to display large amounts of structured data nicely. That’s why in this article, I’d like to explain to you the structure of the table, show you how to create one, and give you a little advice when it’s a good idea to present your data as a table.

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.

CSS Animations Cheatsheet

Thu, 23 Jan 2020 08:00:01 +0000

Since we can create animations in CSS, building a stunning website with smooth transitions and nicely moving elements should not be difficult. It’s a great chance to add some amazing effects to the design of your website and make it remembered by the clients or recruiters. It’s always a great option to stand out from the crowd of other developers’ portfolios.

You don’t have to rebuild half of your website; sometimes, it’s enough to add one or two effects to make the design more vivid and exciting. But remember to find a sweet spot to avoid creating a little, slow monster from your website.

Which type of courses will be the best to learn programming?

Mon, 20 Jan 2020 08:00:48 +0000

A few days ago, I saw a question on the forum, asked by a user who would like to start learning programming. He was asking about a programming course for beginners, which will be the best for him to start. Also, he asked about one interesting thing which I never paid attention to, which will be a better type of course, video course or interactive course with coding challenges, as he is a beginner and he doesn’t know where to start actually.

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.

Python API tutorial

Wed, 15 Jan 2020 01:00:29 +0000

Python is one of the most in-demand programming languages in 2020. There are a lot of job offers for Python developers and lots of people who would like to learn this programming language. As we mention in one of the previous articles about learning Python, practicing knowledge is the most important.

Taking into consideration that Python can be used to build an application’s back-end, I decided to create an article, describing how to create a simple REST API using Python, Flask, and flask_restful library. I’m going to build a basic CRUD resource for the list of students. To follow this tutorial, you need Python and pip installed on your computer. To check the API, I will use Postman.

Women in programming

Mon, 13 Jan 2020 08:00:45 +0000

IT is still considered a place for men, and for some reason, there isn’t a lot of women who consider entering this sector. Maybe because they have some concerns about participating in this men dominated world. Women can be afraid of discrimination, loneliness, not getting any support from the team, or being treated as team decoration.

Another thing that doesn’t encourage women to join the tech world as a tech employee is that software engineering is shown in the world like something complicated. It seems like something almost impossible to learn and rather boring. Some of us are afraid we won’t be good enough to get our first position even if we learn how to code. Also, we often can’t really imagine that tech work can be fun, amazing, and challenging, and that’s why it doesn’t even seem exciting for many of us.

Git cheatsheet

Tue, 07 Jan 2020 14:41:17 +0000

Git is a very useful skill to have and almost necessary in many companies. Browsing job offers for software engineers, you many realize that knowing git is nearly as important as knowing an actual programming language. But still many people forget to check out how git works and what commands are responsible for what action.

When some time ago, I created a simple Git and Github tutorial for Youtube, I noticed how many people were interested in this topic.

Brain boosting foods, which help you to learn programming

Sun, 22 Dec 2019 07:00:22 +0000

Learning is a long process of getting new knowledge, and it’s not always going as easy as we would like to. Sometimes it’s not easy to remember something or understand, and then we start to look for something to improve our ability to remember things and boost our brain. It’s not necessary to look in the pharmacy, because we can find a lot of natural brain boosters in grocery.

A good diet is essential for the proper functioning of our brain, and I realized it in my example. This is why I would like to share with you 10 natural things I eat to improve brain function.

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.

CSS frameworks

Fri, 13 Dec 2019 17:12:57 +0000

As a front-end programmer, I talk a lot about front-end frameworks, but I very often forget about how important are CSS frameworks and how much time they can save.

When building the UI, we need a consistent and effective CSS, which can be a hard challenge to achieve. And that’s the reason why many front-end developers are looking for a solution in one of the popular CSS frameworks, like Bootstrap.

How to improve your productivity? Part 2

Mon, 09 Dec 2019 11:22:14 +0000

Working as a programmer is complicated sometimes, we spend long hours sitting in front of computers, sometimes feeling tired or unproductive. Also, we struggle to keep a work-life balance as programming seems to be a hobby for a lot of coders as well, so we spend time looking for a solution to the task we need to complete and sometimes forget to take a break.

And breaks are very important for our body and brains, that’s why I implemented into my life a few habits which help me to keep my body in good physical condition and also to refresh my mind. While I follow my everyday routine I have this feeling of loaded batteries and that helps me to be productive and successful in any creative or technical work I need to do.

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.

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.

What skills you need to be a good developer?

Mon, 11 Nov 2019 08:22:33 +0000

Every profession has special requirements; for example, to be a doctor, you have to know biology, finish medical university, but besides the hard skills, as a doctor, you have to be emphatic. As a teacher, you need to have qualifications to work with kids, but you also have to be caring.

The same is when you decide to become a programmer, besides the main technology you’ve learned there are some common hard and soft skills every developer should have. In this article, I would like to share with you a set of five soft and hard skills I think are crucial in programmers’ work.

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.

8 CSS image filters with code examples

Thu, 07 Nov 2019 11:04:49 +0000

Using images, we can create an atmosphere, arouse happiness, smile, sadness, or any different emotion. With images, we can show a lot, and tell a lot as well; that’s why pictures are so widely used in the websites and applications.

Designers take care of how users will feel the website and what kind of emotions it will bring. Graphic designers can use advanced software to edit photos and add them filters, masks, or other effects that decide about the final look.

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.

CSS Grid tutorial

Tue, 05 Nov 2019 10:58:26 +0000

When we build front-end, always we need to create a structure of our page, and very often, we need to create any grid. We can position elements in a few ways. For example, in the previous article, I showed you how we could do it via flexbox.

So, today, I would like to show you one more tool which I want to use, named CSS Grid. Let’s see the most popular (and most often used by me) methods which can save a lot of our time.

10 tips and tricks to improve productivity

Mon, 04 Nov 2019 07:11:42 +0000

Some time ago, I had a challenging time. Every day I was super busy, but I couldn’t finish anything on time. I was still in the middle of something, doing something, but nothing was finished, and I couldn’t see any results. I still had many tasks on my to-do lists, although I was working more than 8 hours per day. The feeling of an unfinished plan was my nightmare.As it became very annoying, I decided to find any solution because I knew lots of people who could sit down at the desk and after a few hours, clear their lists of tasks, one by one. I couldn’t, and I had to find out why and solve it somehow. After some research, I realized I had a massive issue with productivity and focus. I read it’s an issue of many people these days, students, employees, entrepreneurs, freelancers, and others. Also, in one of the previous articles about the pros and cons of working remotely I wrote about productivity and how important it is to deal with distractions while working from home. I want to share with you 10 tips which helped me to solve this issue and become much more productive.

Flexbox cheatsheet – 12 tips and tricks every web developer should know

Fri, 01 Nov 2019 14:17:43 +0000

Probably almost everybody in the front-end industry heard something about the flexbox and benefits which it can give to us when we need to design a grid. In this article, I would like to explain what flexbox is and how we can use it to save a lot of our time.

Flexbox is a CSS layout module that allows us to setup nice-behaving and responsive grid in a speedy and friendly way. Let’s see a few most critical elements of flexbox which we can use in our daily work.

18 websites, where you can find a remote job

Thu, 31 Oct 2019 11:07:38 +0000

If you are a mum, who needs lots of flexibility in work to take care of kids, or digital nomad who travels a lot and need a job which can be done from different places in the world, or maybe your health issues don’t let you go to the office easily, or maybe you just like to work from your favorite mountain chalet. In all of these cases, working remotely is a great opportunity to stay active in professional life and feel comfortable with it.

Pros and cons of working remotely

Tue, 29 Oct 2019 09:51:23 +0000

Lots of companies offer remote work or at least a few days of home office per week, and for many people, it’s an excellent opportunity to have lots of flexibility. But is it a great idea for everyone to get a remote position? It depends. For ones, it definitely is a dream job, giving possibilities to travel or other saving your time on driving to work, but for the others, it may be the biggest nightmare.

Good and Bad Practices of Coding in Python

Mon, 28 Oct 2019 06:57:26 +0000

Python is a high-level multi-paradigm programming language that emphasizes readability. It’s being developed, maintained, and often used following the rules called The Zen of Python or PEP 20.

This article shows several examples of good and bad practices of coding in Python that you’re likely to meet often.

Using Unpacking to Write Concise Code

Packing and unpacking are powerful Python features. You can use unpacking to assign values to your variables:

5 jobs, which allow you to work remotely

Wed, 23 Oct 2019 07:06:10 +0000

Working remotely becomes very popular nowadays, for companies it’s a great way to find qualified employees, and save money on big offices. For employees, it’s also an excellent opportunity to live in a selected location and work from home, or favorite cafe. It’s also a great way to keep a healthy work-life balance. Besides this, being a digital nomad also became a popular trend lately. A digital nomad is a person who uses technology to earn money for a living and changes the location very often. I think it’s an excellent idea for young people to visit lots of lovely places around the world, the ones which have an internet connection, of course.

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 one career decision can change your life: Sara’s story

Thu, 17 Oct 2019 08:24:57 +0000

In social media and blogs, we can see lots of different stories when people leave their current life and start from the beginning, they change the place, change careers, change jobs. As a side observer, it seems great, because there is nothing better than people who do everything to be happy. But in real life, most of us probably don’t know anyone who would leave everything just like this, because we have contracts, bills to pay, a stable situation. I didn’t know either, until one day I met my university friend Sara. Her story is so inspiring that I really wanted to share it with the world.

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.

How to learn programming faster – 10 tips and tricks

Mon, 23 Sep 2019 06:11:23 +0000

If you decided you want to be a programmer, you have to remember that it means you are going to learn constantly. It doesn’t matter if you’ve just started, or if you have an experience, there will be something new, you want to master. Of course, at the beginning of your programming adventure, you have much more to learn.

In the beginning, everything may seem very exciting. After you gathered all the sources, courses, books, and all you need, it may seem like you are going to study for ages to complete everything and reach your goal. But it doesn’t have to be like that, if you will learn wise, then it’s possible to learn programming faster.

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.

5 reasons why you should learn Javascript

Mon, 12 Aug 2019 06:39:12 +0000

Javascript is one of the most popular programming languages in previous years, but lots of people still ask the question, why it’s worth to learn JS. Since a few years, Javascript spread so much that it’s visible almost everywhere, front-end, back-end and even mobile development and the popularity of this programming language is not getting smaller. There are tones of different frameworks which grown on Javascript basics and are used almost in every project which needs any user interface. Taking into consideration this information, I’ll try to describe to you a few reasons why it’s still a great idea to learn Javascript in this article.

The most useful features in the latest Javascript (since ES6)

Mon, 22 Jul 2019 08:16:37 +0000

In June 2015, after six years of break, there was a significant update of Javascript which brought lots of new features. Since that time every year we a new edition with a set of new features which are supposed to help developers and make our work more efficient. To help you keep track on what is going on with Javascript versions, I’m going to list the most useful features grouped by the edition and add some code examples for a better overview.

What do you need to learn to become a front-end developer?

Mon, 15 Jul 2019 07:43:20 +0000

Recently, a lot of people ask what they should learn to become a front-end developer. How to learn front-end while there are so many things to learn, everything changes so fast, new technologies, new popular libraries almost once a year. When you start reading articles and news about it, you can feel lost. All these technologies React, Angular, Vue.js, jQuery, Javascript, even Bootstrap are popping up everywhere. And at this point, you probably wonder how and where to start and finally become good at it. In this article, I’ll try to answer this question, explain to you what front-end developers do on a daily basis and what steps you should take to achieve your goal, what is essential and what not so much.

Anna Danilec author's page on Duomly blog

CodeLobster review - let’s check the PHP IDE!

Intro to CodeLobster IDE review

15 CSS tips and tricks which help you to create an amazing websites

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

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

27 freelance jobs of the future that will let you work remotely

27 Freelance jobs of the future that will let you work remotely - Intro

9 PHP projects ideas

PHP projects ideas

React Native project ideas

Intro to React Native project ideas

What is JSX?

Intro to what is JSX?

Types of employment as programmer

Types of employment - intro

What is Create React App?

Intro to Create React app?

6 job interview tips for developers

Job interview tips for developers intro

List and keys in React - cheatsheet for beginners

List and keys in React intro

What are your future goals in career and life?

What are your future goals?

Webpack configuration - step by step tutorial on how to setup Webpack

Intro to Webpack tutorial

How to setup MongoDB in the cloud with Atlas?

Intro to setup MongoDB in the cloud with Atlas

Fetch or Axios - what is better for HTTP requests?

Intro to Fetch vs. Axios

Divi theme review 2021 - is Divi worth it?

Intro to Divi Theme Review

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

How to create a simple web page using Bootstrap 5

Create a simple web page using Bootstrap

8 amazing HTML button hover effects, that you should try in your website

Intro to HTML button hover effects

6 most common backend questions and answers for beginners, explained! [PART 1]

Intro to backend questions and answers for beginners

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

Intro to 10 most popular Javascript questions for beginners

9 Python project ideas for beginners, to practice your coding skills and get hired

Intro to Python project ideas 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

How to increase your website speed and score 100 on Google PageSpeed Insights

Into to 7 methods to increase your website speed and score 100 on Google Page Speed Insights

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

Intro to Angular Course - User authentication

Freelance programming: how to start getting clients and earning money in 8 steps

How to start freelance programming

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

Flutter Course, building a fintech mobile app – Lesson 1: Login form

Intro to Flutter Course

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