Add a splash screen or loading spinner in Flutter Web.
In addition to mobile applications Flutter has introduced web support, which generates web content rendered using the standard web technology stack: HTML, CSS, and JavaScript. This way, you can compile existing Flutter code written in Dart into a web project that can be embedded in the browser and deployed to any web server.
At the moment of writing this post (December 2020) a lot of standard mobile Flutter libraries have already added web support, extending the functionality that we already know for mobile apps, now for web applications. …
Build your own components to use with React.js and Next.js in 5 minutes
Years ago when I made my first approach to the React.js environment, I came up with different concepts with different naming. One of those concepts is Higher Order Component (Or HOC), which is without doubt one of the features I like (and use) the most.
As React official documentation says:
A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature. …
This is the second part of the tutorial, which is divided into 2 parts:
— Part 1: Setting up the project, and animating the top left and top right squares.
— Part 2: Animating the bottom left and bottom right squares, as well as fading in the text
We are building an animation for the logo of Arcaweb, a swiss company based in the heart of Agno, Ticino.
The final source code is available on https://github.com/juancurti/flutteranimationtutorial
Our goal is the following:
In this tutorial, we will learn how to build a complex animation using Flutter, based on the logo of Arcaweb.
Arcaweb is a swiss company based in the heart of Agno, Ticino, as an active member of the Swiss tech scene, developing software solutions for companies and startups. Its logo presents three red squares and a rotated grey square; next to it, there’s the company name with two different text formats:
As developers, we found ourselves very often in situations where we need to protect certain data or variables not only from potential attacks but from users as well. When developing a mobile application, a web platform, even a single page application we use to rely on different libraries or third-party services (for instance Google Maps for location, Facebook or Google for signing in, and so on), as well as API credentials (being on our very own server or an external one), and SSH-keys for remote connection. In synthesis, we are speaking of sensitive information.
To keep our code safe and secure, we can host our code in different repositories, being the most used GitHub, GitLab, and Bitbucket. The recent acquisition of Github by the tech giant Microsoft made most users evaluate the repository they were using, depending on the features they needed and how they felt with each platform. The actual share on providers can be reflected in the following…
Build your own chrome extension to count words, characters, and price-per-word as you write
Not long ago, I started writing on Medium as a part-time gig to alternate with my freelance work. Not being a native English speaker, I found using chrome extensions like Grammarly really helpful. (In case you don’t know it yet, it is a digital writing tool that uses artificial intelligence and natural language processing to help with grammar checking, spell checking, plagiarism detection and suggestions about clarity, formality, tone, and vocabulary). Anyway, I don’t use all of its features because it has different plans (Free, Premium for individuals and Premium for business) or at least I didn’t have the necessity of using those features yet. …
We are always aware of several news articles we read since years ago about how much time we spent in front of our computers and how bad it is not to have a good culture about it.
According to a Nielsen Company audience report made in February 2018, the average person in the United States spent approximately 10 hours and 39 minutes each day in front of screens, including the daily use of smartphones, computers, video games, tablets, and TVs.
At the same time, the technology is enough updated to help us fix this, at least by baby steps. I was thinking about how to combine this problem with this blessing, and I came up with this experiment: writing a blog article on a paper (What can be easily done outside), take a picture of it and run a script to convert it to HTML. …
Note: This is a tutorial divided into 3 parts:
In the second part, we end up writing all the tests for our methods, specifically for our products model. Back in our model.go file, we left a lot of “Not implemented” messages, so let’s fix it:
func (p *product) getProduct(db *sql.DB) error {
return db.QueryRow("SELECT name, price FROM products WHERE id=$1",
p.ID).Scan(&p.Name, &p.Price)
}func (p *product) updateProduct(db *sql.DB) error {
_, err :=
db.Exec("UPDATE products SET name=$1, price=$2 WHERE id=$3",
p.Name, p.Price, p.ID)return err
}func (p *product) deleteProduct(db *sql.DB) error {
_, err := db.Exec("DELETE FROM products WHERE id=$1"…
Note: This is a tutorial divided into 3 parts:
The scope of this project is to build from scratch (Literally, from creating the git repository) an example of REST API with Go, including routing, database-fetching (PostgreSQL) and, to start with the right foot, via Test-Driven Development.
First of all, we need to have PostgreSQL installed on your machine. I prefer to use a Docker container with PostgreSQL. …
Note: This is a tutorial divided into 3 parts:
Learning Go is a lot easier in 2020, there’s a lot of resources around and it is a language that is growing rapidly, alongside its community. For those who don’t know what’s about yet, Go is a compiled, statically typed programming language developed by Google. Some examples of applications written in Go are Docker and Kubernetes.
In my case, I own a Pixelbook (The i7–16GB RAM version), so I will be following the instructions for Linux; for the rest of the OS, the instructions are detailed on https://golang.org/doc/install. …
About