PROGRAMMING

What is Flutter and how to get started

Published

2 years ago

November 19, 2020

Travis

What Is Flutter?

Flutter is Google’s open-source UI software development kit used for creating applications for Andoid, iOS, Linux, Mac, Windows and Google Fuchsia. What makes Flutter so special is that you can create applications on almost any platform with a single code base. The Flutter engine is written primarily in C++ and is a portable runtime for hosting Flutter applications.

Pros of using Flutter:

The main benefit of Flutter is that you can prototype and develop applications on almost any platform a lot faster while using less code.

The major components of Flutter:

• Dart platform
• Flutter engine
• Foundation library
• Design-specific widgets

Flutters “Hello World” example

import 'package:flutter/material.dart';

void main() => runApp(HelloWorldApp());

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    //MaterialApp acts as a wrapper to the app and 
    //provides many features like title, home, theme etc   
    return MaterialApp(
      title: 'Hello World App',

      //Scaffold acts as a binder that binds the appBar,
      //bottom nav bar and other UI components at their places     
      home: Scaffold(

        //AppBar() widget automatically creates a material app bar
        appBar: AppBar(
          title: Text('Hello World App'),
        ),

        //Center widget aligns the child in center
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

Crash course on using Flutter with Visual Studio Code:

By Brad at Traversy Media

Resources:

• Official Flutter Documentation

• Flutter GitHub

• Install Flutter on Mac

• Install Flutter on PC

• Install Flutter on Linux

• Install Flutter on Chrome OS

Related Topics:App Development Featured Flutter Programming

Up Next

Tailwind Css v2.0 Is Finally Here!

Don't Miss

“Privacy Not Included”, Mozilla Helps You Shop For Safe Internet Connected Products

Travis

Click to comment

PROGRAMMING

Tailwind Css v2.0 Is Finally Here!

Published

2 years ago

November 19, 2020

Travis

It’s been 18 months since Tailwind v1.0 was released and the team has pushed some major updates in that time but now v2.0 is here and ready to impress!

What’s new in Tailwind v2.0:

Plus more, view the entire changelog.

How to get started with Tailwind v2:

You can download all of the Tailwind package files directly from their GitHub

github.com/tailwindlabs/tailwindcss

The quickest way get started is by linking their CDN into an HTML starter template

<link href="https://unpkg.com/[email protected]^2/dist/tailwind.min.css" rel="stylesheet">

Here is the HTML starter template for self-serving your Tailwind CSS files

<!doctype html>
<html>
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="/path/to/tailwind.css" rel="stylesheet">
  <!-- ... -->
</head>
<body>
  <!-- ... -->
</body>
</html>

How to upgrade form Tailwind v1 to Tailwind v2:

If you already have projects on Tailwind v1.x and want to update to v2.0 then no worries! They make it super easy to update your old projects and should only take about half an hour to complete.

Complete Upgrade Guide

OP SEC

“Privacy Not Included”, Mozilla Helps You Shop For Safe Internet Connected Products

Published

2 years ago

November 13, 2020

TECH BYTES

Ever wonder which products invade your privacy the most?

Or which internet connected household product is always listening when you don’t think they are?

Well thanks to privacy focused browser Mozilla, now you can get an idea which internet connected products are spying on you the most. The Mozilla foundation have recently launched their fourth edition of *privacy not included just in time for the holiday shopping season.

We hope you use and enjoy this guide to help you think about, shop for, and buy products from companies that show they value privacy and security. We as consumers need to demand that value from the people who build our products. It’s how we’ll start to make the internet, and our lives, a bit safer in this digital world. That is our goal every day here at Mozilla.

Thank you!
The Team at Mozilla

List of devices that may be spying on you right now:

Amazon Alexa & Echo

Google Home

Google Nest

Smart Phone

Smar Fridge

Smart TV

Smart Watch

Laptop Computer

Desktop Computer

Dyson Fan

Nintendo Switch

Sonos One Speakers

Garmin Venu

Arlo Security Cameras

iRobot Roomba “i Series”

Peloton Tread

Samsung Galaxy Buds

Honeywell Home Smart Thermostats

Petsafe Smart Feed

Ring Video Doorbell

Atomi Smart Coffee Maker

Facebook Messanger

Facebook Portal

–

In a world where pretty much everything you buy is connecting to the internet 24/7, its nice to know what kind of security is built into the products you’re buying for yourself, friends and family. We did some browsing ourself and it’s actually quite scary how many large brands don’t take their customers privacy into consideration.

In a world that is consistently becoming more and more connected, scammers and criminals are constantly looking for their next targets. Being aware of what you’re buying is more and more important for the safety of you and your loved ones.

Was there anything on the list that you owned and were surprised to find out that it was invading your privacy? [wpdiscuz-feedback id=”iibr0wokx2″ question=”Please leave a feedback on this” opened=”0″]Let us know![/wpdiscuz-feedback]

OP SEC

FBI: Hackers stole source code from US government agencies and private companies

Published

2 years ago

November 8, 2020

TECH BYTES

FBI: Hackers stole source code from US government agencies and private companies from r/technology

The Federal Bureau of Investigation has sent out a security alert warning that threat actors are abusing misconfigured SonarQube applications to access and steal source code repositories from US government agencies and private businesses.