Stay Updated | FIFO

Stay updated.

Explore the best ideas, stories and insights about top  and upcoming D2C businesses and Makers.

Start reading for free 
editor-img
editor-img
editor-img

Read posts by industry experts
and learn from the best

SQL

A standard language for storing, manipulating, and retrieving data in databases. It stands for Structured Query Language. It became a standard of the American National Standards Institute (ANSI) in 1986 and of the International Organization for Standardization (ISO) in 1987. Today we will discuss basic fundamentals and statements in SQL.

editor-img

Manvi Sharma

Introduction to Express-

Express is a Web Framework built upon Node.js. Node.js is an amazing tool for building networking services and applications. Express builds on top of its features to provide easy to use functionality that satisfies the needs of the Web Server use-case. It's Open Source, free, easy to extend and very performant.

editor-img

Shalini Chauhan

Have you ever heard of svelte?

Many technologies and frameworks are available for developing user interfaces. Svelte is a new approach to building user interfaces. Traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

editor-img

Harshik Pulavarthy

Exploring and Experimenting with AI (Part-5)

Cohesive AI - Unacademy ChatGPT competitor for content creation. Are you tired of struggling with ChatGPT prompts? Cohesive AI is an innovative platform that assists in content creation by streamlining the process and enhancing productivity. It offers handpicked curated templates to produce high-quality content more efficiently.

editor-img

Chetna Grover

Using Svelte stores-

Svelte stores are a great tool to handle your app state when components need to talk to each other without passing props around too much. You must first import writable from svelte/store: import { writable } from 'svelte/store' and create a store variable using the writable() function, passing the default value as the first argument:

editor-img

Shalini Chauhan

DNA as Data Storage 😕 ?

Over the decades, storage technology has evolved and gotten better. It has moved from CDs and floppy disks to hard and solid-state drives. But still, we have a problem: the amount of storage available and being produced can't cope with the data we keep producing. So can data be stored in DNA ? Lets discuss : )

editor-img

Sailesh Verma

FlutterGen Code Generator

While working with flutter, to load assets in your Flutter app, you have to reference the asset using path strings, which is not safe. As a Flutter developer, you have no choice but to refer to them using strings directly in your code. Working with images, for instance, is not easy because you have to refer to them by their path string. FlutterGen, a Flutter code generator for your assets that help remove all string-based APIs in your app.

editor-img

Sailesh Verma

Centrifugo(Highlights and Integration)

Hello everyone, In the last post, we discussed the basics of Centrifugo and created the simplest real-time app. In this post, we will discuss the main highlights of Centrifugo. In addition to its fundamental publish-subscribe (PUB/SUB) capabilities, Centrifugo offers a range of advanced features and building blocks to construct highly scalable real-time applications. Let's discuss main highlights and features which we will use going further. Seamless Integration Centrifugo was initially crafted to seamlessly integrate with frameworks lacking native concurrency support, such as Django, Laravel, and others.

editor-img

Manvi Sharma

Mongoose Middlewares and Hooks

Mongoose offers a powerful feature called middleware or hooks. Middleware allows us to intercept and modify various operations during the lifecycle of a Mongoose document. Understanding and effectively utilizing Mongoose middleware and hooks can significantly enhance the flexibility and functionality of your MongoDB-backed applications.

editor-img

Manvi Sharma

NEXTJS

Next.js is one React framework to provides a common structure that allows you to easily build a frontend React application, and transparently handles server-side rendering for you. React is awesome until you realize that there are a couple problems related to rendering all the content on the client-side. Some of the problems are -

editor-img

Shalini Chauhan

SIMULA: The First Object-Oriented Language

Simula, an acronym for Simulation Language, is touted as the first object-oriented programming language created by Norwegian developers Ole-Johan Dahl and Kristen Nygaard in 1962 when determining how programs can model or simulate the world as seen by computer users.

editor-img

Sailesh Verma

Useful Flutter packages:

url_launcher: Sometimes your application requires you to provide an external url that links to a website. Or you need to provide an email address or even a phone number in the contact form, to reach the support. For all these external links, it would be nice to open them directly through the app.

editor-img

Sailesh Verma

Modern Databases Paradigms

1. PlanetScale PlanetScale is a MySQL-compatible serverless database that brings you scale, performance, and reliability — without sacrificing developer experience. With PlanetScale, you get the power of horizontal sharding, non-blocking schema changes, and many more powerful database features without the pain of implementing them.

editor-img

Sailesh Verma

Stateful vs Stateless Widget:

A Stateless widget is the widget that cannot change its state during the runtime of a Flutter application. That means a stateless widget cannot be redrawn while the app is in action. For that reason, the appearance and properties remain unchanged throughout the lifetime of the widget.

editor-img

Sailesh Verma

BLOC BUILDER:

In my previous post I have discussed BlocProvider. With reference to it in today’s post we will be looking more at Flutter BLoC concepts. BlocBuilder is a widget that helps rebuild the UI based on some Bloc state changes. This component rebuilds the UI every time either Bloc or Cubit emits a new state.

editor-img

Sailesh Verma

Should you Invest in Buffer in 2023: A Comprehensive Review

Ready to Skyrocket Your Brand's Impact in 2023? Should you Invest in Buffer? If this question has crossed your mind, you're in for a treat. In this comprehensive review, we're delving deep into Buffer, unveiling its features, pros, cons, and pricing. By the end of this article, you'll have a clear understanding of whether Buffer is the right fit to supercharge your efforts in the dynamic digital landscape of 2023. The insights from this article will guide your investment decisions, helping you elevate your brand's influence. So, Let's discover the potential that awaits.

editor-img

Rob Den

Introducing the useLoaderData Hook:

The useLoaderData hook is a custom hook in React that helps you load data into your component. It simplifies the process of fetching data from an API or performing any asynchronous operation. When you use the useLoaderData hook, you provide it with a function that returns a Promise. This Promise represents an asynchronous operation that will fetch the data you need. Once the Promise resolves, the data becomes available to your component.

editor-img

Shalini Chauhan

What Is Containerization?

A container is a lightweight, portable computing environment with all the necessary files to run independently. Containerization is the process of making an application runnable as a container. Once the application can run as a container, it runs the same regardless of the infrastructure used to execute the container.

editor-img

Amit Kumar

Deep Learning and Machine Learning.

The order of these terms is frequently reversed whenever they are spoken. People refer to them as AI-ML, DL-ML, and so on, leading most of us to believe they're the same thing. And we frequently employ one set of terms to represent the other, creating even more confusion about what they actually mean.

editor-img

Yash Sharma

Left or Right: The Button Debate in UX Design

When it comes to user experience (UX) design, even the smallest details can make a big impact on the user's satisfaction and usability. One of the most debated details in UX design is the placement of the primary button on a user interface. Should it be on the left or right side? The answer is not simple, and there are pros and cons to each option.

editor-img

Chetna Grover

Get Your Design Groove on with the 8pt and 4pt Grid System!

Do you want to create clean and consistent designs that are easy to adapt to different screen sizes and resolutions? Do you want to make your work easier and faster, while still maintaining a visually appealing look? Then you need the 8pt and 4pt grid system! The 8pt and 4pt grid system is a popular method used by designers to create clean and organized designs with consistent spacing.

editor-img

Anushka

Django: Displaying Data

Hello everyone, So in the last post, we discussed working with Django Models and data. Today we will discuss displaying this data with proper templates, as already discussed in Django Basics, templates are used to display data in Django. Django Prepare Template Create Template: After creating Models, with fields and data we want in them, it's time to display that data. We will start by creating an HTML file named all_members.html and place it in the /templates/ folder. my_tennis_club/members/templates/all_members.html: <!DOCTYPE html> <html> <body> <h1>Members</h1> <ul> {% for x in mymembers %} <li>{{ x.firstname }} {{ x.lastname }}</li> {% endfor %} </ul> </body> </html> The {% %} brackets inside the HTML document are Django tags, which tell Django to perform programming logic inside. We will learn about them in detail in some upcoming posts.

editor-img

Manvi Sharma

How to build Responsive Designs for your website using different CSS Frameworks?

Responsive design allows your website content to flow freely across all screen resolutions and sizes, and renders it to look great on all devices. So let's checkout how to make a website responsive using various CSS Frameworks available!

editor-img

Ishita

What is Proxy Server?

A forward proxy, often called a proxy, proxy server, or web proxy, is a server that sits in front of a group of client machines. When those computers make requests to sites and services on the Internet, the proxy server intercepts those requests and then communicates with web servers on behalf of those clients, like a middleman.

editor-img

Sailesh Verma

DevOps Principles

The main principles of DevOps are Continuous delivery, automation, and fast reaction to the feedback. End to End Responsibility: DevOps team need to provide performance support until they become the end of life. It enhances the responsibility and the quality of the products engineered.

editor-img

Amit Kumar

Psychology - A helping hand for designers

•The outcome of the work can be even more positive if a designer applies psychology in the creative process since science gives an intimate understanding of the audience. •Psychology knowledge helps to create the design which will make users perform the expected actions, such as making a purchase or contacting the team.

editor-img

Chetna Grover

The Complete Guide to System Design

Why should I learn system design? Over the last two decades, there have been a lot of advancements in large-scale web applications. These advancements have redefined the way we think about software development. All of the apps and services that we use daily, like Facebook, Instagram, and Twitter, are scalable systems.

editor-img

Amit Kumar

Flutter Structure: Element Tree & Widget Tree

The Widget Tree:- •The widget tree is simply all the widgets that you use to build the application, the code that you write builds up the widget tree.•It is completely controlled by you. You position the widgets within each other nesting them together to build desired layouts.

editor-img

Sailesh Verma

Pages and Layouts in Nextjs-

When building projects with Next.js, we typically create an entire user interface by assembling isolated components. However, some parts of the interface require the same code snippets across multiple routes — for example, the navigation header, footer, and sidebar. To manage this, we use layouts to structure the interface in a way that contains shared code snippets. Next.js recommends starting a new project with the App Router. However, we’ll discuss how to implement layouts and nested layouts with the Pages Router for users who have yet to migrate to the new Next.js routing system.

editor-img

Shalini Chauhan

Introduction to Domain mapping

Domain mapping is the process of associating a domain name with a website. This allows website owners to create a custom web address that is easy to remember and promotes their brand. In this post, we will discuss what domain mapping is, why it is important, and how to do it.

editor-img

Amit Kumar

Exclusive for the Global Maker community & D2C experts.

Bring change to the world by sharing your perspective. Share your insights, and inspire others to join your movement and become makers.

Learn more 
CoverImage3

Chat with FIFO to get answers for all your queries

FIFO is trained with the best insights and knowledge curated by experts.

Get Started 
bottom-cover-image-mobile
Join the Maker Network on FIFOStart reading for free 
© 2023 Glue Labs Private Limited