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

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.

Keep reading...

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

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.

Keep reading...

HTML project ideas for beginners

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. Getting the right ideas is not easy, so we’d like to give you a short series with ideas of projects for frontend developers, you can do for practicing and save in your Github account as your coding portfolio.

Keep reading...

React Hooks Tutorial with Examples

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.

Keep reading...

How to use Fluent UI – building a fintech dashboard tutorial

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.

Keep reading...

CSS background image tutorial with examples

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.

Keep reading...

How to use animate css tutorial with examples

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.

Keep reading...

CSS border with examples tutorial

Introduction to CSS border Hi guys, today we will talk about… BORDERS! The CSS border is something that you will most probably use almost every day, if you’re front-end developer, of course. I’ve found a few useful (some more, some less, some just funny) tips and tricks that you can use in your project. Let’s start! If you prefer video here is the youtube version. 1. Animated CSS border What to do when we would like to make our item more visible?

Keep reading...

How to build an HTML table tutorial

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.

Keep reading...

How to build dashboard with Bootstrap tutorial

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.

Keep reading...