Git Product home page Git Product logo

30daysofflutter-1's Introduction

30 Days of Flutter

#30DaysOfFlutter

alt

30 Days of Flutter is a learning journey of app development using Flutter framework held by Google and arranged by developers and communities worldwide.

Β 


Day 1 of #30DaysOfFlutter


Things I've done today

  • Went through the Dart Programming Language from Official Documentation and used DartPad as a tool
  • Flutter uses Dart as its programming language. A tour of the Dart language is handy in this case. Language Tour
  • I had already installed the Flutter environment on my system. So, I skipped this step and moved ahead.
  • Created the First Project on Day 1 and modified the default counter app.

Day 2 of #30DaysOfFlutter


Things I've done today

  • Went through some of the very basic and fundamental topics on flutter and also checked about the UI Widgets from Official documentation.

  • I thought to create more complex than the previous one but kept patience 😁 and created the Second Project on Day 2 and modified the default counter app [Very simple].

  • Now, in this time I've used the local development environment only. But, it can be done on online also. Use DartPad or CodePen both are awesome online tools.

  • I used the Snackbar widget too when the counter gets value to 0. Faced some difficulties because I was using it without Scaffold as its ancestor.

  • I got this error while code Scaffold.of() called with a context that does not contain a Scaffold. and solved this issue from this Resource

  • Finally, I've done what I wanted to do. 😊


Day 3 of #30DaysOfFlutter


Things I've done today

  • Learned the way of switching Layouts from appBar using IconButton
  • Today I used the day_01 assets item to implement the dataSet Flutter Family
  • I played with ListView and GridView and It was so fun to do this kinda stuff in Flutter. As Hot πŸ”₯ reloads saves my lots of time.
  • I also take CodeLabs reference and used some code from there.
  • I added GridView also to switch the view from AppBar action. Passed the gridViewItem custom.
  • Added the functionality on FloatingActionButton to make it interactive and userful [Just Kidding 😁]. I know the validation aren't implemented in TextFormField. But It's perfect for me. 😊
  • Using AlertDialog we can add new members too Temporary only, there's no DB.
  • So far feeling good and happy to be able to develop whatever I wanted to do. It just really easy to learn, understand, and implmentand and I'm looking forward to learn more stuffs concisely and I'll try to add some documentation also. 😊

Day 4 of #30DaysOfFlutter


Things I've done today

  • Made the item list using List<String>.generate() function and populated in ListView Widget.
  • Wrapped the ListView widget with Dismissible widget to implement the remove item functionality.

Day 5 of #30DaysOfFlutter


Things I've done today

  • Flutter is awesome to have a great look of User Interface Design and it allows us to directly implement the material design concept and their components.
  • Today I planned to design a layout, based on this tutorial I designed a layout using Rows, Columns, and Container widgets etc.
  • I also added mostly used widgets like Image, Text, and Icon

Day 6 of #30DaysOfFlutter


Things I've done today

  • Today I worked specifically on String and It’s manipulation with the help of some commonly widgets like TextFormField, Text, ElevatedButton and Parent Widget Layouts like Rows & Columns and Container.
  • The function is to swapping the first character of given string vice-versa using splitted string from it.
  • Tried to replace the String's character according to their index value but couldn't make it in this approach then I done with substring function and made a separate function for it.

Day 7 of #30DaysOfFlutter


Things I've done today

  • So far, I've done with ListView, Image, Container, FloatingActionButton widget and so on. Today is Sunday and I've planned to do revise the previous lessons and do some fun for refreshment.
  • I went through the previous projects and decided to make a Color Generator app where Color will generate based on Random values.
  • I implemented a ListView using builder method to add ListTile and the color information and sample gonna inside the ListTile as it's property / value.
  • Used the SizedBox widget for getting box shaped stuff of ListTile leading and used ListTile's title and subtitle as Text.
  • When user will click on FloatingActionButton then the whole colors will change randomly.

Day 8 of #30DaysOfFlutter


Things I've done today

  • Well, this is the first project of #Week2 and I thought It'd be better to start with using Navigation and started with it.
  • This time I made six different apps based onNavigation / Navigator with different approaches.
  • Coming from the Native Android Development I think almost everything which Intent class in Java/Kotlin can in Flutter it can be done by using Navigation.

30daysofflutter-1's People

Contributors

dipakbari4 avatar

Stargazers

 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.