Adding content to 102-flutter-bloc, 101-flutter-outline

src/roadmaps/flutter/content/111-state-management/102-flutter-bloc.md

@@ -1,6 +1,6 @@
-# Flutter bloc
+# Flutter_bloc
 
-Bloc (Business Logic Component) is a state management pattern used in Flutter to separate presentation logic from business logic. It helps to manage and maintain the app state, making it easier to test, debug, and reuse code. It uses streams to emit new states and reacts to changes in the state.
+flutter_bloc is a Flutter package that implements the BLoC pattern and provides a set of tools for building BLoC-based apps. It provides a set of widgets, such as `BlocProvider` and `BlocBuilder`, that make it easier to implement the BLoC pattern in your app. It also provides utility classes, such as `Bloc` and `BlocEvent`, that help you to write reusable and testable business logic components.
 
 Visit the following resources to learn more:
 

src/roadmaps/flutter/content/115-dev-tools/101-flutter-outline.md

@@ -1 +1,12 @@
-# Flutter outline
+# Flutter Outline
+
+Flutter Outline is a feature in the Flutter development environment (IDE) that provides a tree-like representation of the widgets and elements in your Flutter app. It shows the hierarchy of the widgets, their relationships, and the structure of your app.
+
+The Flutter Outline can be used to:
+
+- Navigate through your code
+- Understand the widget hierarchy
+- Debug your code
+- Refactor your code
+
+The Flutter Outline is a useful tool for Flutter developers, as it provides a high-level overview of your app and makes it easier to navigate and understand the code. It can help you to write better code and debug your app more efficiently.