Home

Heading

This is my guide for this stuff.

You should always try to mess around with this code and don't just stick to the order this is in.

Also, DO NOT just copy paste this code unless I say that when describing a link. Try to understand what's going on in the tutorial to a certain extent. The level of understanding you need is that you should be able to replicate what they did with very barebones documentation. You might finish your tutorial sooner but you won't know it for when you need to.

Setup

1. Fluttercrashcourse.com - junior dev course
   1. I think he starts talking about this in video 3 - https://flutter.dev/docs/development/tools/formatting - wasn't enabled by default for me
2. (Optional) - overlaps with parts of the crash course https://codelabs.developers.google.com/codelabs/from-java-to-dart

UI Stuff

Layout + basic interaction

1. https://flutter.dev/docs/development/ui/layout/tutorial
   1. Play with various parameters for look and feel (color, style etc.)
   2. Use the file from the junior dev course
   3. Tip: https://flutter.dev/docs/development/tools/formatting#using-trailing-commas
2. Theming + styles this
3. Cool tip: https://pub.dev/packages/wakelock
   1. Enable before AND after runApp in main
4. https://flutter.dev/docs/development/ui/interactive
   1. Follow through and play with stuff for the switzerland app thing
   2. No need to follow through on the 'Managing state' part but spend some time to understand the different models for managing state.
   3. Use the file from step 2
   4. Cool tip: at the end, do ctrl+shift+p and pick flutter: outline view - make sure a file with a lot of stuff is open

Navigation

1. https://flutter.dev/docs/testing/build-modes
   1. Go over in not too much detail
   2. (Build for android as 'flutter build apk' and enjoy) or (Build for iOS I don't know how it works)
2. Clone basic branch of this repo
3. https://flutter.dev/docs/cookbook/navigation/navigation-basics and https://flutter.dev/docs/cookbook/navigation/named-routes
   1. You can do these in seperate docs if you want
4. passing arguments. Preferably do both approaches
   1. I personally like the first approach a lot better because you don't know when arguments are needed in the second one.
   2. (Optional) https://flutter.dev/docs/cookbook/navigation/navigate-with-arguments
      1. just go over it once
5. https://flutter.dev/docs/cookbook/navigation/returning-data
   1. Step 2 - Some of you might be curious as to what the async and await do. These are easy way to execute code simultaneously (loosely speaking), and we'll go over these in a future tutorial.
   2. https://dart.dev/guides/language/language-tour#cascade-notation- cool thing to know about
   3. try to go to the second and press back
      1. you see null
      2. Try to fix that

Animations

1. Not attempted yet but https://flutter.dev/docs/codelabs/implicit-animations

Backend

Firebase

An async path of tutorials

1. Do the infinite list
   1. optionally do part 2
   2. Now, you will be wondering why you are doing such a simple codelab now - this is why
   3. Challenge: add a delay of 3 seconds to _suggestions.appendwhateverstuff
   4. Challenge 2: Make it so that the delay doesn't stop the scrolling
   5. Hint: use state to your advantage
   6. Hint 2: Only click this if you absolutely have to.
2. Maybe this IDK not been here yet

Nice, I'll keep adding stuff