Flutter For Web: An Intro
0 likes178 views
The document provides an introduction to setting up Flutter for web development, emphasizing the installation process and web-specific setup. It includes a demonstration of integrating a WordPress news API with Flutter, encouraging participants to seek help and collaborate. Key commands and tools are mentioned to assist with setup and development efforts.
Flutter For Web: An Intro
- 3. Web Setup • Only web setup today • Not worried about the mobile stuff • Get, set, go – bit.ly/fl-web-setup • Lets help each other. Ask volunteers for help! • If you are done, help thy neighbor!
- 4. Demoing the WP News API • You can do the same if familiar with WP • If not, just watch and learn and practice in your own time • After the demo of how to create news API, we will get started with integrating it with flutter • We use WP API to quickly build the API so we can spend more time with flutter • Tools: MAMP/ Local by Flywheel / Any WAMP
- 5. Checklist: Done with the API? • Check how it works • Check archive • Check single news item • Check if everything works • Look at the web interface • Look via postman – Install Postman
- 7. Setup the flutter app • Get feed URL • Get news feed to display in the app • Possibly, show a single news article when done with the rest and there is time left! • http://bit.ly/fahad-workshop • json formatter chrome extension • http://bit.ly/2mbzHvr
- 8. Some useful commands • flutter pub get • flutter config --enable-web • flutter run -d chrome
- 9. Thanks • Lets do it another time • info@fahdmurtaza.com • @fahdmurtaza