Five useful flutter commands – Flutter development

Five useful flutter commands – Flutter development

by | Aug 23, 2021 | App Development, Design, Flutter Commands, Flutter Framework, Mobile Development

Five useful flutter commands – Flutter development
Published At By Hupen Pun

Flutter is an open source Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, desktop, and embedded devices from a single codebase. Flutter is fast in the development process, can give native performance and can have flexible and adoptable ui components.

Flutter was first released in 2017 and since then it’s getting huge popularity and adaptation in mobile development communities. The best part of flutter is you can build apps for different variants with a single codebase that means you don’t have to write a single application in different codebases. Now, with the stable release of version 2.13 flutter is now supporting a web feature that will enable you to have a website with the same code. Hence, you can have mobile apps and web apps with a single codebase. 

Enough talking on background, let’s focus on the main topic, i.e. useful flutter commands in flutter development. Here in this blog I have included five flutter commands with a detailed description.

1. Flutter emulators

This command helps you show the emulators you had created on your device. It will show the device name with its unique id through which you can access your emulator. 

flutter emulators

2. Flutter emulators –launch

This command is very helpful and saves a lot of time. Basically, this command helps you launch an emulator right from your command prompt. Here, –launch flag with the emulator id that you had in the previous command will launch the emulator. 

flutter emulators --launch 'emulator_id'

3. Flutter clean

This is one of my favourite commands in flutter. If you need to delete a previously built/compiled app, it will help you out like a magic snap. 

flutter clean

4. Flutter run

Flutter run command helps you build your app and run on a connected device. This command first fetches dependencies with flutter pub get command, builds/compiles and then runs on the connected device. 

flutter run

5. Flutter doctor

This command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you might need to install or further tasks to perform. For example, android studio is installed or not, which flutter version you are currently using on, android SDK installed or not etc. 

flutter doctor

There are other tons of commands though. I have included some here.

flutter create 'project_name'

flutter pub get

flutter pub add 'package_name'

flutter build appbundle / flutter build apk

Flutter development is so interesting, easy and fast. I was previously used to developing apps using android studio and Java, but when flutter was first released, it started switching to flutter and now I have all my apps with flutter. Thank you for reading my blog.

Five Websites To Find Freelance Jobs in 2021 For Web Developers

Five Websites To Find Freelance Jobs in 2021 For Web Developers

by | Jun 14, 2021 | Design, Freelancer, Web Design, Web Development

Five Websites To Find Freelance Jobs in 2021 For Web Developers
Published At By Hupen Pun

Freelancing is now getting so popular these days.. The work culture is changing so rapidly that people are finding new ways and boost efficiency and productivity. Freelancers are self-employed and often referred to as independent contractors. They are hired by a company on a short or long-term basis, but not as permanent company employees. For example, If an X company needs a photographer, they hire a freelance photographer. The photographer takes photos as instructed and gets payment, done. Normally,

There so many freelancing areas, but here in this blog, I am mainly focusing particularly on web development. So, here I have listed the top 5 best freelancing websites for web designers, web developers. But, on saying that,  these websites are not only for web development, you can check them for all sorts of freelancing jobs.  

1. UPWORK

Upwork may be one of the best freelance websites for finding work no matter what type of freelancer you are. Those in web development, graphics design, customer support, and even freelance writing will find that Upwork has much to offer. From small businesses to huge corporations, many different types of companies are looking to hire bloggers, web designers, and freelance writers through Upwork.

2. Designhill

Designhill gives employers looking for freelance designers a few ways to find them. Designhill has a lot of offers whether you are a graphic designer, web designer, or pursuing other types of design.

3. Toptal

Toptal pitchers themselves as a place to find the top 3% of freelance talent. Their screening process is so rigorous that out of the thousands of submissions they get every month they only accept a few into their ranks. This exclusively sets them apart from so many other freelance websites out there.

4. Linkedin and LinkedIn profinder

Let’s not forget LinkedIn job postings – finding remote part-time or full-time work maybe just a few searches away. There’s a reason why LinkedIn is one of the best job sites: they continue to deliver what job seekers are looking for.

5. We Work Remotely

We work remotely boasts that they get around 2.5 million users a month. That’s huge. They have a multitude of job posting with many design-related offerings. Whether you’re looking for part-time work or freelance jobs that will keep you busy full time, we work remotely has freelance jobs to fit your skillset.

There are other popular freelancing websites as well. They are listed below.

Eight Essential Website Design Steps Behind The Scene

Eight Essential Website Design Steps Behind The Scene

by | Apr 25, 2021 | Design

Eight Essential Website Design Steps Behind The Scene
Published At By Hupen Pun

“Everything is designed, but only a few are well designed”. And, those well-designed websites, Web Applications do have some genuine design steps behind the scene. The Website design is much like solving Math problems. While solving the Math problem we divide the problem into parts and with the help of Mathematical formulae, we solve it step by step.

Website, Web Application design is a complex process so we have to complete it in a phase by phase manner. Moreover, the website design process needs different technologies to work together so that it satisfies your client and increases your profitability. The Eight essential phases are as follows.

  1. Goal Identification
  2. Scope Definition
  3. Sitemap And Wire Frame
  4. Content Creation
  5. Visual Elements
  6. Development/Coding
  7. Testing And Redefining
  8. Launch

1. Goal Identification:

You need to talk with your client about why he/she is going to develop/design the website. Your client may have one or more goals to achieve, you list them in your notebook.

2. Scope Definition

At this step, you will be calculating and estimating the size of visitors, technical resources it may require in the meantime, and over time as its size grows. Also, you should estimate how large it may go over time.

3. Sitemap And Wireframe

Now, you have basic information about the website it’s time to work on the website wireframe. The wireframe means a tentative sketch of the website. So, for wireframing, you can use different UI/UX design tools/Software like Adobe XD, Figma, etc.

4. Content Creation

This content creation part is so crucial in the website designing process. This step can be regarded as the heart of the process. You should have good, promising, clear, and easy-to-understand content for the website.

5. Visual Elements

This is the stem where your promising content meets the great design. At this step, we will be collecting different resources for the website. The resources may include Images, Videos, Icons, Business logos, Audio, etc. After you have collected everything you will be transferring them into your previously designed wireframe on the UI/UX tool whatever you are using. Then, you will be showing it to your client, recording the suggestion on it. You should be clear that your client is god, what he/she says, thinks is always true like universal truths do.

6. Development/Coding

Once, your client confirms the design next you will be coding or giving your wireframe life. While developing a website (coding) you should be aware of the security, responsiveness over devices, scalability, etc.

7. Testing And Debugging

Now, your website/web application coding/programming is complete and you have it on your hand. It’s time to test it out. Here, you have to test all the possible aspects, you have to check load balancing, website speed. Also, you should consider extreme cases like what if there are more visitors than we estimated previously. When it passes all the checks, then only it will be ready for launch. If any errors do appear, you will be right through debugging and getting it robust.

8. Launch

Ahh, it’s the big day. It’s time to launch the website, you get it to a live server and deliver the website to your client.