Image for post
Image for post

ECMAScript 2015(also known as ES6) is a major update to Javascript since ES5 which was standardized in 2009. Since then, Javascript has come up with incremental updates every year. These significant updates from ES6 and beyond are commonly referred to as Modern Javascript.

let and const

let allows you to declare variables that are limited to the scope of a block statement or expression on which it is used, unlike the var keyword, which declares a variable globally, or locally to an entire function regardless of block scope.

function varTest() {
var x = 1
{
var x = 2 // same variable
console.log(x) // 2
}
console.log(x) …


Image for post
Image for post

In this blog we will learn how to implement BLoC pattern using flutter_bloc package. It is a design pattern which helps separate the presentation layer from the business logic.

Thanks Felix Angelov for this awesome package & Techie Blossom for an amazing tutorial.

To understand flutter_bloc we will create a demo of hitting an API that brings in the football players details. We will create multiple states for an event and see how bloc provider and bloc builder are used to manage state of the app.

The finished product will look like this:


Image for post
Image for post

In this blog we will discuss Geocoding and fetching markers from Cloud Firestore.

In case you missed the first blog: Google Maps in Flutter- I

Geocoding

Translate an address into latitude and longitude coordinates and vice-versa.

Let’s get the address of our current location using the geocoordinates which we fetched earlier in this blog series.


Image for post
Image for post

This article shows you how to add a Google Map widget to your Flutter application. Further in this blog series, we will also learn how to fetch markers from Cloud Firestore and draw routes between them.

Setup

The first step is to add the Google Maps Flutter plugin as a dependency in the pubspec.yaml file. The package is available as google_maps_flutter on pub.dartlang.org.

About

Piyush Sinha

Frontend Engineer | Problem Solver

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store