DEV Community: Hosney Ara Smrity

Speed up your Development⚡

Hosney Ara Smrity — Sat, 25 Mar 2023 05:41:48 +0000

Speed up your Development⚡

Flutter Clean Architecture with bloc | Project Structure | Extension + Plugin

Hosney Ara Smrity — Mon, 19 Sep 2022 04:57:35 +0000

Nowadays, Clean Architecture becoming the most popular structure for building a modular, scalable, maintainable, and testable application.

In this video, I’ll explain Flutter Clean Architecture and Project Structure. I’ll cover:

What is Flutter Clean Architecture?
Why do you use clean architecture?
An awesome extension & plugin to get a high-paying job.
Project Structure.

Grab it today to get high paying job: Watch

Follow me on GitHub. Thanks for reading the article.

Build a Beautiful Navigation Drawer/Sidebar Menu in Flutter

Hosney Ara Smrity — Fri, 11 Feb 2022 18:00:46 +0000

In this article I will teach you how to build navigation drawer / sidebar menu in flutter.
Drawer is a Material Design panel that slides horizontally from the left edge of the Scaffold, the device screen. Drawer is used with the Scaffold drawer (left-side) property. Drawer can be customized for each individual need but usually has a header to show an image or fixed information and a ListView to show a list of navigable pages. Usually, a Drawer is used when the navigation list has many items.

→ Step-1: Create a flutter project.

→ Step-2 : Create a flutter stateless widget and name it Birthdays. Also add that widget in home property.

→ Step-3 : Add Scaffold, Appbar, body & drawer properties.

Now the app will look like this.

→ Step-4: Add drawer header, currentAccountPicture, accountName, accountEmail and otherAccountsPictures.

To set the Drawer header, you have built-in options, the UserAccountsDrawerHeader. The UserAccountsDrawerHeader is intended to display the app’s user details by setting the currentAccountPicture, accountName, accountEmail, otherAccountsPictures, and decoration properties. Add ListView to show a list of navigable pages.

Now the app will look like this.

→ Step-5: Add few listTile & navigation in the drawer.

Now the app will look like this.

This drawer app suitable for both portrait or landscape mode.

Full Code :




import ‘package:flutter/material.dart’;
void main() {
runApp(const MyApp());
}

class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: ‘Flutter Demo’,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const Birthdays(),
);
}
}
class Birthdays extends StatelessWidget {
const Birthdays({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
centerTitle: true,
title: Text(‘Drawer’),
),
body: const Center(
child: Icon(
Icons.cake,
size: 120.0,
color: Colors.orange,
),
),
drawer: Drawer(
child: ListView(
padding: EdgeInsets.zero,
children: [
UserAccountsDrawerHeader(
currentAccountPicture: Icon(
Icons.face,
size: 48.0,
color: Colors.white,
),
otherAccountsPictures: [
Icon(
Icons.bookmark_border,
color: Colors.white,
),
],
accountName: Text(‘H. A. Smrity’),
accountEmail: Text(‘test@gmail.com’),
),
ListTile(
leading: Icon(Icons.date_range),
title: Text(‘Birth date’),
onTap: () => Navigator.push(
context,
MaterialPageRoute(
builder: (_) => BirthDate(),
),
),
),
ListTile(
leading: Icon(Icons.mood),
title: Text(‘Mood’),
onTap: () => Navigator.push(
context,
MaterialPageRoute(
builder: (_) => Mood(),
),
),
),
ListTile(
leading: Icon(Icons.note_add),
title: Text(‘Note’),
onTap: () => Navigator.push(
context,
MaterialPageRoute(
builder: (_) => Note(),
),
),
),
Divider(),
ListTile(
leading: Icon(Icons.settings),
title: Text(‘Settings’),
onTap: () => Navigator.pop(context),
),
],
),
),
);
}
}
class Note extends StatelessWidget {
const Note({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Note’),
),
body: Center(
child: Icon(
Icons.note_add,
size: 120.0,
color: Colors.orange,
),
),
);
}
}
class Mood extends StatelessWidget {
const Mood({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Mood’),
),
body: Center(
child: Icon(
Icons.mood,
size: 120.0,
color: Colors.orange,
),
),
);
}
}
class BirthDate extends StatelessWidget {
const BirthDate({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Birth Date’),
),
body: Center(
child: Icon(
Icons.date_range,
size: 120.0,
color: Colors.orange,
),
),
);
}
}

Watch on Youtube

How to Upload Flutter Project on GitHub | Bring Remote Repo Locally | A - Z | 2022

Hosney Ara Smrity — Mon, 24 Jan 2022 13:08:33 +0000

Today's topics:

What is git?
What is github?
What are the benefits of using git/github?
How to use git/github?
How we can use git/github in our project?

What is git?
Git is a version control system. In short we can call it vcs. Without git, there are lot of vcs. They are svn, marcurial, gitlab, cvs and more.

What is github?
Github is a hosting service, where we'll host our Flutter project.

What are the benefits of using git/github?

fast
work offline
revise code/control version
team collaboration
more..........

How to use git/github?
To use git, must have to install in our operating sytem. You can download & install from here or watch Video tutorial

To use github, must have to create a github account and logged in the account. Create account from here.

Now let's jump into the main topic, How we can use git/github in our project? How to upload flutter project on github;

Step-1 Create a Flutter Project
Step-2 Open Terminal
Step-3 Step by step all commands to upload project remotely.
→ 1. git init
→ 2. git add .
→ 3. git commit -m "description"
→ 4. git branch -M branchName
→ 5. git remote add origin repoUrl
→ 6. git push -u origin branchName

You can see in Video tutorial

Add modified files to that remote project;
Step-1 Step by step 3 commands to upload modified files/folders.
→ 1. git add .
→ 2. git commit -m "description"
→ 3. git push -u origin branchName
This way we can upload our project remotely.

Now we'll see how we can bring the repo locally in our system.
There are 2 ways; 1. Git clone , 2. Download zip
To clone repo : Github project → code → copy url → vs code → clone repo
*To download zip : * Github project → code → download zip
Video tutorial

Dart Programming || Functions || Arguments || Return type || Exercises

Hosney Ara Smrity — Thu, 07 Oct 2021 04:45:37 +0000

Dart is a Powerful language, it’s a new platform for modern App, Web, Game, A.I. development. It’s a superb place to start learning to program.

Watch on Youtube

Functions are not strictly necessary to write programs. We usually use functions to split a large task into simpler operations or to implement operations that we will use
repeatedly in our application.

Let’s see how to define functions in Dart.

function_name(function_arguments) {
// Body of the function
}

Here you can see a very simple function example:

greet(name) {
print('Welcome to Dart $name');
}

If you want to execute this function from your main program, you only need to call it, like this:

void main() {
greet('John'); // Executing our sample function.
}

Although the above code is perfectly valid, it is recommended to use the Dart code style guide. Therefore, you should always specify the return data type of the function and the data types of the parameters passed to the function when you define your functions. Thus, our function declaration should look like this:

return_type function_name(argument_type argument) {
// body of the function.
}

Continuing with our example, let’s change the greeting:

void greet(String name) {
print('Welcome to Dart $name');
}

To properly declare a function in Dart and following the code style guide you must specify:

• Function return type or void if the function did not return any value.
• Function name.
• Function parameters specifying data type and name of each parameter.
• Body of the function, between curly braces.

To show you the return data type and how a function will return any value, our sample function will be redeclared as follows:

String greet(String name) {
String msg = 'Welcome to Dart $name';
return msg;
}

More about Arguments & Return type on Youtube

Get in Touch with the Instructor

Do you have questions or comments? Do you need help working through an example or exercise? Please, do not hesitate to reach out on e-mail at h.a.smrity24@gmail.com.

Dart Programming Full Course for Absolute Beginners 2021

Hosney Ara Smrity — Wed, 06 Oct 2021 07:02:17 +0000

Dart is a Powerful language, it’s a new platform for modern App, Web, Game, A.I. development. It’s a superb place to start learning to program. With this Dart course, you have everything that you will need to “learn to code” with cutting-edge tools. The goal of this course to make learning to program as straightforward as possible.

Watch on Youtube

Who Is This Course For?
This Course is aimed at those with a very limited knowledge of dart Programming who wish to learn them from the ground up. More than anything else, though, this course is an
introduction to programming.
If you are already an experienced programmer, this course is not for you. If you know a little HTML but want to take your skillset to the next level, this course is probably for you. If you simply have an intense curiosity about computers but have no knowledge of programming, this course may be for you. If you want to get started developing
your own apps, websites with Dart & Flutter but have no prior experience, then this book is definitely for you.

Programming is not easy. The viewers of this course cannot expect to have mastered programming by its end. She can expect to be capable of writing her own small-to-medium-size programs. She will be able to understand others’ source code. She will have a firm grasp on the fundamental knowledge and skills necessary to continue her journey. In short, she will
be on her way to being a programmer.

Why Should I Learn Dart?
Dart is a new, relatively easy-to-learn programming language from Google. Dart has a large built-in library (think of this as a real library: you can borrow code from this virtual library to help you do things with your program, just as you can borrow books from the real library to help you do things in real life) that makes doing many common programming tasks easier. Dart also has a powerful packaging system, so that libraries built by other institutions and programmers can easily be utilized by anyone. In short, Dart is a modern, convenient, and compatible language designed for productivity.

About This Course
This book is structured in short, easy-to-digest section, highly practical that concentrate on one key concept each. This course includes 2 cool Programs. Each chapter ends with exercises to give you more practice with the section's concepts. The more you do, the more the chapter’s concepts will begin to seem clear.

TABLE OF CONTENT

Introduction
Intro
Dart Overview
Advantages of Dart
Set Up your Dart Environment
Your First Dart Program
Comment System
Variable
Data Type
Deep Dive into Variable
Deep Dive into Data Type
Arithmetic Operators
Equality or Relational Operators
Increment & Decrement Operators
Type test Operators
Assignment Operators
Assignment Operators
Exercise
String
Exercise
String
Flow Control Statements(If else)
Exercise
Switch Statement
Exercise
While loop
Do While loop
For loop
Compare While loop, Do While loop, For loop
For loop with List
For each loop
For in loop
Summary
Number guessing Game
Temperature Converter Program
Keywords
Closing
Functions

Get in Touch with the Instructor
Do you have questions or comments? Do you need help working through an example or exercise? Please, do not hesitate to reach out on e-mail at h.a.smrity24@gmail.com.