Download to read offline
![API Response
● JSON stands for JavaScript Object Notation
● JSON is a lightweight data-interchange format
● JSON is plain text written in JavaScript object notation
● JSON is used to send data between computers
● JSON is language independent.
{"employees":[
{ "firstName":"John", "lastName":"Doe" },
{ "firstName":"Anna", "lastName":"Smith" },
{ "firstName":"Peter", "lastName":"Jones" }
]}](https://image.slidesharecdn.com/designandflutterday-240107132623-e4c27507/85/solution-Challenge-design-and-flutter-day-pptx-36-320.jpg)
![API Response
● JSON stands for JavaScript Object Notation
● JSON is a lightweight data-interchange format
● JSON is plain text written in JavaScript object notation
● JSON is used to send data between computers
● JSON is language independent.
{"employees":[
{ "firstName":"John", "lastName":"Doe" },
{ "firstName":"Anna", "lastName":"Smith" },
{ "firstName":"Peter", "lastName":"Jones" }
]}](https://image.slidesharecdn.com/designandflutterday-240107132623-e4c27507/75/solution-Challenge-design-and-flutter-day-pptx-36-2048.jpg)
More Related Content
Similar to solution Challenge design and flutter day.pptx
![UiPath Automation Suite Installation (Hands-On) [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/automationsuitecommunitysession2-251015095633-a6d862f1-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
solution Challenge design and flutter day.pptx
- 2.
- 5.
- 8. Aayush Paigwar Lead FlutterDeveloper GDSC GHRCE Flutter Flourish Day - 1 Sahil Banswani Co-Lead Flutter Developer GDSC GHRCE
- 9.
- 10.
- 11. What is Flutter? ●Flutter is an open-source UI Software Development Kit (SDK) developed by Google. ● It's used for building natively compiled applications for mobile, web, and desktop from a single codebase.
- 12.
- 13. Why Flutter? 1. OpenSource 2. Faster Development cycle 3. Super Productive ● Flutter is Open- Source framework ● Therefore, anyone can use it for any given purpose. ● Flutter is so fast that it takes less than 30 sec for first full compilation. ● Comes with Hot- Reload & Hot- Restart. ● Make apps fast due to its library & packages ● Due to Stateful widget hot-reload feature Flutter is very fast iterative coding style.
- 14. 4. Ease tolearn & code sharing 5. Widget Libraries 6. Community Support ● Any one who have basic knowledge of OOPS & UI Designing can easily learn Flutter. ● Ready to use widget, Flutter have many widget that you can use to build flutter application. ● Such as : http, get, share plus, toggle switch etc. ● Flutter Community is bit small if we compare with other framework like React. ● But Flutter is growing very fast then other framework. Why Flutter? PUB.DEV
- 15. Do you wantto know Companies that use Flutter?
- 16. Companies & Appsthat use Flutter Dream 11 eBay
- 17. Key features ofFlutter Single Codebase: Develop applications for iOS, Android, web, and desktop using the same codebase. Expressive UI: A wide range of customizable widgets allows for visually appealing and unique user interfaces. Hot Reload: Real-time code changes without losing app state. Multi-Platform Capabilities Content: Flutter enables developers to create apps that run seamlessly on iOS, Android, web, and desktop platforms.
- 18.
- 19. Optimized for UIProductive Development Fast on all the platforms
- 20.
- 21. In Flutter Everythingis a widget
- 22. ● Immutable views(widgets) ● Only one time in built ● Example: Text, Icon, IconsButton, etc Stateless Widgets
- 23. ● Still immutable,but… ● Contains State<w> ● Redraw after setState( () => {} ) calls ● Example : Appbar, Scaffold, TextField, etc Stateful Widgets
- 24. Scaffold Widget Design VisualLayout Structure. Create a base of your application. Properties: Appbar, Drawer, FloatingActionButton, etc.
- 25. Container, Rows andColumns
- 26. Custom Packages ● EveryFlutter project includes a pubspec.yaml file, often referred to as the pubspec. ● A basic pubspec is generated when you create a new Flutter project. It’s located at the top of the project tree.
- 27. Hands On Agenda ●How to Create a Flutter Project ● Running First app on Flutter ● Making a Link Tree App which covers basics of Flutter.
- 28. Thank you! Aayush Paigwar LeadFlutter Developer GDSC GHRCE Sahil Banswani Flutter Developer Co-Lead GDSC GHRCE
- 29. Aayush Paigwar Lead FlutterDeveloper GDSC GHRCE Flutter Flourish Day-2 Sahil Banswani Co-Lead Flutter Developer GDSC GHRCE
- 30.
- 31. API (Application ProgramInterface) ● An API is the set of definitions and protocols for building and integrating the application software. ● An API is a mediator between the end user and backend resource and services. ● The API is not the database or even the server, it is the code that governs the access point(s) for the server.
- 32. API (Application ProgramInterface) ● An API is the set of definitions and protocols for building and integrating the application software. ● An API is a mediator between the end user and backend resource and services. ● The API is not the database or even the server, it is the code that governs the access point(s) for the server.
- 33. Why we needAPI ● APIs present a unique opportunity for businesses to meet their clients' needs across different platforms — a software intermediary that allows two applications to talk to each other. ● APIs simplify data collection and management, aiding in real-time insights and efficient data processing. ● APIs drive business growth through third-party app integration, expanding offerings, and fostering collaborations. ● Challenges of APIs include compatibility, security, performance, documentation, and maintenance.
- 34. API Security All APIsmust be secured through proper authentication and monitoring. The two main ways to secure REST APIs include: 1. Authentication tokens These are used to authorize users to make the API call. Authentication tokens check that the users are who they claim to be and that they have access rights for that particular API call. For example, when you log in to your email server, your email client uses authentication tokens for secure access. 2. API keys API keys verify the program or application making the API call. They identify the application and ensure it has the access rights required to make the particular API call. API keys are not as secure as tokens but they allow API monitoring in order to gather data on usage. You may have noticed a long string of characters and numbers in your browser URL when you visit different websites. This string is an API key the website uses to make internal API calls.
- 35.
- 36. API Response ● JSONstands for JavaScript Object Notation ● JSON is a lightweight data-interchange format ● JSON is plain text written in JavaScript object notation ● JSON is used to send data between computers ● JSON is language independent. {"employees":[ { "firstName":"John", "lastName":"Doe" }, { "firstName":"Anna", "lastName":"Smith" }, { "firstName":"Peter", "lastName":"Jones" } ]}
- 37. REST API ● RESTAPI uses simple HTTP calls to communicate with JSON data. ➔ Get ➔ Post ➔ Put ➔ Delete The API result can be in JSON, HTML, or XML, which is then parsed into model class to use in the app.
- 38. ● HTTP :Dart has a built-in package called http to handle all your HTTP needs. ● DIO : Dio is a powerful HTTP client for Dart. It has support for interceptors, global configuration, FormDATA, request cancellation, file downloading, and timeout, among others. Packages used for API Integration in Flutter
- 40. REST API integrationin the Flutter app ● REST API uses simple HTTP calls to communicate with JSON data. 1. Get the base URL, the endpoints, and the API key. 2. Add required packages in-app to consume HTTP resources like http, Dio, chopper, etc. 3. Create a constant file that will hold all your URLs and Endpoints. 4. Parse JSON file to get the Object out of the JSON response. 5. Create files to handle API calls with specific methods to fetch and parse data. 6. Make a method call to load data onto your UI.
- 41. Implementing API integration ●We will be using the JSON Placeholder API to build a basic application API: https://jsonplaceholder.typicode.com/ Model Generator: https://app.quicktype.io/
- 42. Thank you! Aayush Paigwar LeadFlutter Developer GDSC GHRCE Sahil Banswani Flutter Developer Co-Lead GDSC GHRCE