Giter Site home page Giter Site logo

sigmapie8 / flutter_codelabs Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 4.16 MB

Practice code for all the codelabs available in Flutter

Kotlin 0.15% GLSL 12.63% Ruby 3.23% Swift 2.11% Objective-C 0.04% Dart 29.60% CMake 21.69% C++ 26.75% C 1.64% HTML 2.14%

flutter_codelabs's Introduction

flutter_codelabs

This repo implements all the code labs available for Flutter at https://codelabs.developers.google.com/?product=flutter

Dive into Dart's patterns and records by John Ryan, Marya Belanger (patterns-codelab)

https://codelabs.developers.google.com/codelabs/dart-patterns-records#0

This codelab creates an application that displays a JSON document in Flutter. The application simulates JSON coming from an external source. The JSON contains document data such as the modification date, title, headers, and paragraphs. You write code to neatly pack data into records so that it can be transferred and unpacked wherever your Flutter widgets need it.

End Result For The Codelab

You then use patterns to build the appropriate widget when the value matches that pattern. You also see how to use patterns to destructure data into local variables.

Building scrolling experiences in Flutter | Workshop (sliver-workshop)

https://www.youtube.com/watch?v=YY-_yrZdjGc https://dartpad.dev/workshops.html?webserver=https://dartpad-workshops-io2021.web.app/getting_started_with_slivers

Learn how to build rich scrolling experiences in Flutter. We explore slivers and how they're different from other widgets in the framework. This Codelab requires just a browser, and we use DartPad to build our UI. An intermediate experience level with Flutter is recommended for this workshop.

End Result For the Sliver Workshop

How to manage application states using inherited widgets | Workshop (inherited-widget-workshop)

https://www.youtube.com/watch?v=LFcGPS6cGrY

https://dartpad.dev/workshops.html?webserver=https://dartpad-workshops-io2021.web.app/inherited_widget

Learn how to use inherited widgets to implement your own state management solutions. With a sample flutter application, we go through the steps needed to implement a state management system.

End Result For the Inherited Widget Workshop

flutter_codelabs's People

Contributors

sigmapie8 avatar

Stargazers

Tulasi Reddy  avatar Dorito avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.