Creating an Expression Object Using Thymeleaf

See the original posting on DZone Python


In this tutorial, we will learn how to create an Expression object (similar to #string, #dates, #lists), using Thymeleaf. It will check whether a number is even or odd. For this, let’s use a quick and practical example.

What Is a Thymeleaf Dialect?

A dialect allows you to add custom functionality to thymeleaf. Thus extending your ability to build and reuse templates.

Reactive Vue 3 State

See the original posting on DZone Python


There’s been a lot of discussion about state management in the upcoming Vue 3 framework. Some writers go as far as declaring Vuex dead. Reactivity is all we need, is the claim. Just like blockchain was supposed to cure all problems of modern civilization 😉 Jokes aside, it does look like an intriguing possibility, so we’ve taken a challenge and explored it in this article.


Vue 3 Reactivity System, now free of UI confines, can be efficiently employed as a powerful tool to handle state. This requires extra plumbing though, with no batteries included. If you want to get straight to technical details, scroll down to Reactive proposal for application state chapter below.

Overview of JavaScript Event Calendars

See the original posting on DZone Python

Every day business people have to take care of so many things that they have to resort to using smart technologies, which help to schedule and organize their appointments, tasks, or other daily activities with related resources. That is why enterprise web applications frequently come not only with a widely-used Gantt chart but also include a JavaScript event calendar.

This component can be equipped with a range of views and features used to arrange chaos of events into a well-structured and highly-efficient time management tool. That is why it is important for web developers to select the right instrument for the implementation of the event calendar. In this article, we will review popular JavaScript libraries and controls intended for building event calendars with varying levels of complexity and pay attention to some specific characteristics such as available views, compatibility with popular frameworks/technologies, exporting formats, licensing/pricing options, and documentation coverage.  

React Native Record Audio Tutorial

See the original posting on DZone Python

In this tutorial, we are going to learn how to record and play audio in React Native apps. We are going to build a simple screen that supports features such as recording audio, playing audio files, pausing and resuming, as well as resetting audio streams. The final app will look like the image below.

Recording and playing audio in mobile applications is a very popular feature. Fortunately, to record and play audio in React Native apps can be done easily. This is thanks to the Expo ecosystem that easily supports sound recording to React Native. However, if we need to add any feature that requires us to migrate off the Expo system to React Native CLI, we may need to put much more effort into its configuration.

How to Deploy Blazor WebAssembly on GitHub Pages Using GitHub Actions

See the original posting on DZone Python

I have been spending quite some time lately playing with Blazor. One of the nice things is that with WebAssembly, you can generate a static website and have it hosted on GitHub Pages for free.
Most importantly, the whole process can be automated with GitHub Actions so you don’t have to worry about it.

It’s not a complicated process, all in all just a few steps. There is only one caveat: if your repository is a “standard” User or Organization repository, you can deploy to Pages only from the master branch.

A Newbie’s Guide To The Best CSS Libraries

See the original posting on DZone Python

The advancement in the world of development has simplified the life of many developers. CSS allows you to create stunning designs without breaking any sweat. It reduces the extra efforts, allowing you to focus on boosting productivity.    

For newcomers, it is very important to understand the important libraries that can simplify their tasks. So here’s a list of a few CSS libraries that can help you get more control.  

The A-Z of Web Scraping in 2020 [A How-To Guide]

See the original posting on DZone Python

Many web sites like Twitter, YouTube, or Facebook provide an easy way to access their data through a public API. All the information that you obtained using API is both well structured and normalized. For example, it can be in the format of JSON, CSV, or XML.

3 Ways to Extract Data From Any Website

Web Scraping vs API

#1 Official API.

First of all, you should always check out if there’s an official API that you can use to get the desired data.

How to Build Progressive Web Apps (PWAs)

See the original posting on DZone Python

If you’re in the software development world, I’m sure you’ve heard of progressive web apps, aka PWAs. That’s because PWAs are now too big to ignore, bringing numerous benefits when it comes to increasing user engagement and retention. One thing that you may not know is how easy it is to build progressive web apps, and that’s exactly what we’ll cover here.

In an era where customer experience is king, businesses need to find ways to go that extra mile to make their customers choose them over a competitor. And that’s where PWAs come in, as a new way of distributing apps, providing users with frictionless experiences. Let’s quickly recap what PWAs are all about before moving to how easily you can start building your own.

Angular, Docker, and Spring Boot: A Match Made in Heaven

See the original posting on DZone Python

Angular and Spring Boot are extremely popular, and used often while creating modern apps. When looking for popular search terms in Google’s Keyword Planner, these two together appear often. What comes out of this is a summary of monthly searches, which are unlimited by location, and averaged.

A series of tutorials on Angular and Spring Boot has led to this fourth and final tutorial. Throughout this series one is taught how to use Angular and Spring Boot + Kotlin in order to create a more secure notes app, how to add Bootstrap for CSS, as well as making it easy to interact with data tables. Second to last, the tutorials show how to deploy apps separately to  Heroku. In addition to this, the tutorial shows how to use the ng deploy to deploy AWS, Firebase, and Netlify. Tutorials are linked below. 

Recursive Angular Rendering of a Deeply Nested Travel Gallery

See the original posting on DZone Python

Suppose you like to travel and have collected a large photo gallery. The photos are stored in a tree folder structure, where locations are structured according to the geography and administrative division of a country:

The actual photos of particular places are stored in the corresponding leafs of the tree. Different branches of the tree may have different height. You want to show these photos in your portfolio website that is made on Angular. Also, the gallery should be easily extendible with new locations and photos.

Pros and Cons of Django Framework for App Development

See the original posting on DZone Python

Python is the 3rd most popular programming language in 2020. It is a powerful, dynamic, syntax-simplified, programming language used for high-level web application development and machine learning apps. And if you know about Python, you’ve probably heard of Django web framework – the most used Python framework. Django development has gained much fame due to its computation capabilities. 

Today, Django stands as one of the most used web development frameworks. Developers widely prefer Django web development for its “batteries included” philosophy. It means that as a Django developer, you don’t have to install separate libraries for adding functionalities. Django provides a plethora of features to add standard functionalities in any kind of web application.

How to Become a Web Developer

See the original posting on DZone Python

Web development is an area of software development related to the development of internet applications. Being a web developer is a highly demanding profession, especially when everyone is accessing the Internet. In this article, I’ll give you an overview of how to become a great web developer.

Study HTML and CSS

HTML or Hypertext Markup Language is not a programming language, but the language in which every web page on the Internet is written. The good news is that it is very easy to learn and understand, and chances are good that you already know it. I suggest you download Notepad ++ and write and edit HTML. Learn the right web standards and create your website regardless of its basic layout. Speaking of layouts, while HTML provides the structure of your site, CSS or cascading style files provide the layout and design. Become familiar with the various CSS properties and I’m sure you will practice styling the generated HTML pages with enough practice. I suggest you focus on item positioning because you will be using this skill a lot in your career.

Server-Side Rendering (SSR) Made Easy With Angular Universal 9+

See the original posting on DZone Python

The Angular team recently, announced a pre-render builder in Angular Universal, in Jan 2020 to be specific. Angular Universal is for server-side rending (SSR); with these new Angular Schematics available in Angular 9+, creating new SSR with Angular Universal or configuring your existing application to SSR is easier than ever. All the configuration can be done with Angular CLI.

What Is Server-Side Rendering (SSR)

The server returns a static web page fully complied with dynamic data ready to display on the browser. The fetching of the dynamic data is done by server-side scripts written by server-side languages. This is how we used to render web pages in the old days (PHP/ Perl/CGI), and it has recently gained traction with technologies, such as React and Express. It is SEO friendly and great for devices with low power. 

5 Puppeteer Tricks That Will Make Your Web Scraping Easier and Help You Avoid Detection

See the original posting on DZone Python

Puppeteer probably is the best free web scraping tool on the internet. It has so many options and is very easy to use once you get the hang of it. The problem with it is that it is too complicated and the average developer might be overwhelmed by the vast options it offers. 

As a veteran in the web scraping industry and the proxy world, I’ve gathered five puppeteer tricks (with code examples), which I believe help you with the daunting task of web scraping when using Puppeteer and how they will help you avoid detection.

Porting your legacy crapware to .Net Core and Angular in 1 second

See the original posting on DZone Python

Over the years, I have seen so many legacy systems, built on ancient technology, that I could probably demand a PhD in legacy crapware. I once worked for a FinTech company that was using Open Source components that had officially been abandoned by its developer more than a decade ago. Working with jQuery, Durandal and .Net Framework instead of .Net Core today, simply doesn’t cut it. In addition, the results of working with such projects, is that you as a developer slowly withers away, and become obsolete over time. Hence, you should do everything you can, to argue in favour of upgrading these legacy systems, to a modern platform, such as Angular and .Net Core.

From your management’s perspective though, this process is only costs. They know they had 20+ developers, working for 20+ years, to maintain their garbage – And hence, therefor they believe it’ll take 20+ developers for 20+ years to replace it. In such a regard, your management is still living in the stone age, believing in stone age tools, and stone age processes – While the rest of the world silently gained cold fusion capacity, without them even noticing. There are simply no arguments today that dictates that it requires the same amount of resources to replace their legacy projects, as it took to create it in the first place. In fact, often replacing such systems can be done surprisingly much faster than they think, and a lot of their existing structure can also be transferred into the new codebase.

1 2 3 4 5 201