7 Free API’s to practice app development

By

-

January 4, 2023

7 Free API's to practice app development

Hi Guy’s Welcome to Proto Coders Point, In this article let’s check out 7 best Free API’s that you can use free of cost to build and practice mobile/web applications.

There are many API’s been provided free on cost on the internet, all you need to do is register and generate a API key and use those api’s to fetch/retrieve data and display on your apps.

7 Best API’s to Learn Application Development

1. MapBox API

Mapbox is an powerful API too to add accurate location data to any web/mobile applications. Mapbox web services has 4 api servicew provided like Maps, Navigation, Search, Account.

MapBox API is very useful to developers through which they can retrieve GeoCoding, Direction API & Maps & accurate location data.

.. https://docs.mapbox.com/api/

2. NASA API

NASA API portal has an amazing data about space information, That you make use of to fetch space related info & show it on your application/project. NASA API provides free data such as imagery(space images) and other space info.

.. https://api.nasa.gov/

3. Favorite Quotes API

This API is free to use, It Provide you with all types of quotes collection.

.. https://favqs.com/api

4. Edaman API

Edaman API basically provide you the data related to food items and it’s recipes with it’s nutrient value in food.

… https://www.edamam.com/

5. Fake Store API

This API simply provides you E-Commerce store fake data, by using which you can build excellent e-commerce application and later use your real api while making it live to public.

… https://fakestoreapi.com/

6. Pokemon API

All data related to Pokemon is provided by this API, such as Pokemon Images, Names, Power, pokemon owner etc.

… https://pokeapi.co/

7. IGDB API

This API provide you video game database by which you can buuld excellent video game oriented website.

… https://www.igdb.com/api

Conclusion

This are few free example out of many free API’s available on the internet, By using the prefect and right API, will help you building a powerful functionality into your application and practice building awesome application without writing backend service code.

7 Tips to get a High Paying 💰 Flutter Job in 2023

By

Rajat Palankar

-

January 2, 2023

0

1. Gain expertise in Flutter:-

Of Course you get a higher paying job in flutter you need to develop your flutter skill, you need to build a strong core foundation in the Flutter framework and have the skills to use it to construct sophisticated and cross platform applications.

2. Learn Flutter concepts:-

Start understanding flutter state management, widget in depth and recommended practices UI for creating & testing Flutter apps. Once you’ve finished, learn how to create platform-specific plugins, such as using native Bluetooth and cameras. for this you need to master fundamentals of Swift and Kotlin languages.

3. Build a portfolio of Flutter projects:-

Showcase your flutter development skill & abilities by building portfolio flutter project to show yourself as potential employee. Here are few flutter project to build your flutter skill, and also contribute yourself into any open source projects to demonstrate your programming knowledge.

4. Enhance your skill set:-

Consider learning relevant technologies and frameworks in addition to Flutter so you may become a more valuable and sought-after candidate. Things like Dart, the programming language used in Flutter, or Android/iOS development may fall under this.

5. Network & seek out opportunities:-

Start talking to developer who have mastered in Flutter, build a strong relationship within flutter community that will help you in sharing/learning from other developer experiences and can also help you to learn about job openings & other opportunities. Consider joining attending meetups & conferences to connect with other Flutter developers.

6. Tailor your resume and cover letter:-

Make sure to customise your resume and cover letter when applying for a Flutter position to highlight your Flutter knowledge and experience. Include any pertinent projects you’ve worked on, as well as any pertinent school work or contributions to open source.

7. Subscribe to Proto Coders Point:-

https://www.youtube.com/@ProtoCodersPoint

JavaScript – Check whether a variable type is an array or not

By

Rajat Palankar

-

January 2, 2023

0

In JavaScript Array is basically an Object, but I want check exactly whether the given variable is Array or not.

When you make use of typeof to identify the Variable type on array, it always return an object, because in JavaScript array is a special type of object.

To solve this Issue, In 2009 new method is introduced, that is Array.isArray(), it takes an array as an argument and returns Boolean(true/false)

in addition to this, we can use instanceof operator, it returns true if an object is created by a given constructor.

Example To check JavaScript Variable is array or not

const arrData = [4,3,1,5,6,7,3,1];

console.log(arrData)

console.log(typeof arrData);  // object

console.log(Array.isArray(arrData));   // true

for…in object javascript & for..of array javascript with example

By

Rajat Palankar

-

December 31, 2022

0

In JavaScript Language, We can iterate through an enumerable properties of an given object by using for...in loop. This loop will go through each element execute a block of code in the object.

for…in object javascript

Syntax

for (const key in object) {
  console.log(`${key}: ${object[key]}`);
}

Below is an example on How to use for...in loop to iterate the properties in an object {}:

const obj = {
  name: "Rajat",
  age: 27,
  country: "India"
};

for (const prop in obj) {
  console.log(`${prop}: ${obj[prop]}`);
}

Output of above code:

name: Rajat
age: 27
country: India

Here the for...in loop is similar to that of for...of loop, which is used to iterate over the values of an iterable object, For Example an array. But Note that, the for...in loop iterates over the properties of an object, while the for...of loop iterates over the values.

Here for..in loop will iterate the properties of the object and print the key and value of each property in the object defined.

for..of array javascript

Below is an example on how to make use of for...of loop to iterate value of an array:

const arr = [5, 2, 1, 3, 4];

for (const value of arr) {
  console.log(value);
}

This will output the following:

Mastering the Basics of Flutter Development building this 5 app

By

Rajat Palankar

-

December 31, 2022

0

Calculator App in flutter

Build a simple Calculator app in flutter with good UI, This flutter practice will help you in building your mathematics and logical skill.

Tic Tac Toe Game

Making a Tic Tac Toe Game, or any other basic game with very simple rules like tic tac toe with small animations effect included within will help you in building games logic and make app attractive.

Stopwatch App

Build an Stopwatch App in flutter, you will learn time related concepts.

Reminder App

Reminder App by which user can easily keep an note of his task same like sticky notes paper style.

Notes App

A note taking app similar to google keep app.

Quiz App

A multiple choice questions based on quiz app, where you can give user to select items to answer the MCQ.

didChangeDependencies method in Flutter

By

Rajat Palankar

-

December 31, 2022

0

In Flutter, The didChangeDependencies() override method comes in lifecycle of StatefulWidget. And is been called everytime whenever it see changes in dependencies of StatefulWidget.

For example, Let’s say a StatefulWidget depends on a inherited widget, and due to user event/action the value in inherited widget there is some changes occured, at that momentdidChangeDependencies method will be called to reflect the changes.

Below is a Example on how we can make use of didChangeDependencies in flutter:

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  MyInheritedWidget _inheritedWidget;

  @override
  void didChangeDependencies() {
    _inheritedWidget = MyInheritedWidget.of(context);
    super.didChangeDependencies();
  }

  @override
  Widget build(BuildContext context) {
    // Use the inherited widget here
  }
}

In above example, the _MyWidgetState class is depended onMyInheritedWidget class, that is an inherited widget. basically didChangeDependencies method is used to fetch or detect value changes happens in the inherited widget, so that feather we can make use of it in the build method. Due to some event/action by user, If any value of the inherited widget changes, the didChangeDependencies method will be called immediately again, which make the StatefulWidget to update itself with the new value received in the inherited widget.

Note: It’s very important to call super.didChangeDependencies() at the end of the didChangeDependencies method, as it allows any ancestor widgets to also update their dependencies.