Flutter 1 - Intro to flutter Video Lecture | Flutter: Build beautiful native apps in record time - App Development

everybody this is Brian and welcome to
the first flutter tutorial you'll note
at the time of this recording flutter is
still in alpha and is an open source
project
now version 2 is coming very soon and
I'm going to try to adhere to version 2
so that going forward this tutorial set
remains relevant so first off what is
flutter well it is a mobile app SDK that
helps you build pretty beautiful
applications very quickly there is a
national really nice FAQ in here that
you should read and get accustomed to is
you know what is it who uses it what's
it for
answer some general questions right now
it's really designed to make mobile
programming not suck if you've ever
tried making a mobile program
cross-platform you've had just a major
headache who's it for developers of all
walks of life but mainly people
targeting mobile development flutter is
built upon a language called dart which
is a new language which I believe
somebody correct me if I'm wrong was
actually developed by Google or at least
had a lot of Google backing Google
depends on dart to make very large apps
you can see that there so this has a few
distinctions from other mobile
frameworks you can build cross-platform
and this hacker new article I'm not
gonna steal all their thunder but what's
really differently is you have you know
om SDKs where you have native code that
runs on a specific platform for example
an Android app will not run on iOS iOS
will not run on Android you have web
views which are kind of like a I want to
say a hybrid where you have like Cordova
ionic etc etc where you have a
JavaScript application that communicates
with a bridge which actually
communicates with the hardware then you
have what are called reactive views we
have JavaScript which communicates with
a bridge same thing talks to the
hardware what's different about flutter
is the flutter SDK is really the only
SDK out there that doesn't really use a
JavaScript bridge and it's actually very
quick very easy I want to say very
expressive and I want to say easy to
learn we're gonna find out I'm currently
building my own flutter project so I
thought it would be nice to do these
tutorials as I go as you can see it's
built a little differently
you have your native code which widgets
are rendered and you have platform
channels which communicate with the
hardware there's no JavaScript layer
here we will have to learn dart
programming so the first few set of
tutorials out of this whole series will
be nothing but dart code if you are a
veteran programmer dart is very quick
and easy to learn if you are a new
programmer and this is your first
language don't worry I'm going to step
you through this but we will move at a
pretty quick pace so if you need help
definitely go out to my web site on
contact and be sure to join the void
rums Facebook group there's 1700
programmers out there who can help you
and I should note that the source code
for this in all tutorials will be out on
github there's a link to my github
repository out on void drums comm
alright so first thing we need to do
with flutter is actually install it so
we're gonna select our operating system
I'm on Linux I have Mac OS and Windows
and I gotta say they're all just dead
simple to install the first thing we'll
need to do is actually make sure we have
the system requirements do I have X
number of space am i running this
platform do these commands actually work
yes they do on my case so without
further ado we're going to get this make
sure I don't already have it installed I
do not but you can see I already have
Android studio installed I'll to be
developing on Linux however you can
develop on any platform you like just
know that I will be targeted in the
Android projects all of the programs
that we write should also run on iOS and
I may actually do some iOS programs
simply because I have a Mac and I like
playing on it but to start off with you
should already have Android studio
installed and you should have the
IntelliJ community edition IDE now when
you go to IntelliJ or I'm sorry
JetBrains comm and you go to download
IntelliJ
there's a couple different versions
ultimate community you want community
because it's free
I'm not deterring you from buying it you
can go ahead and spend money but I will
be using the free version that way
people
all over the globe without any money can
follow these tutorials alright so back
to what we were doing here first thing
we need to do is actually grab the code
and so we're going to just copy that
paste it in there and if you have no
idea what this is doing we're using a
program called git which will clone the
source code or the repository from
github and that's the actual link to
where we're going you can actually
follow that link and go out and browse
all the source code for flutter but
right now we're just going to install it
and this will take just a moment to
download once this is done you're going
to want to actually set your path and it
walks you through here step by step now
notice this command is only a temporary
workaround you're going to want to
follow the directions for your operating
system to make it permanent see what
happens is if you just do this and
nothing else when you log off and log
back in it suddenly doesn't work to test
this we're gonna do flutter dr. not
fluster flutter dr. I have got this
wicked cold and it is just messing with
me whose cold meds are just making me
really loopy alright so you notice the
first thing flutter doctor is doing is
downloading the dart SDK so if you're
working with dart know that dart is a
language in itself and while this is
downloading I'll just discuss dart a
little bit dart is a full-blown language
is not just for flutter you can actually
use dart to create web programs a mobile
and a dart VM or console server
applications my hope is that someday
they will actually put like a I want to
say like a desktop GUI over this sort of
like C++ is cute where you have you know
buttons and list views and things like
that for desktop applications I think
that would just be amazing so let's
check on this as you can see it's
downloading the SDK it's building the
flutter tools and downloading all the
other little things that it needs to run
and at the very end you get the
scorecard now if you don't have check
boxes next to everything you're gonna
want to investigate what it's you know
what's wrong and most of the time it'll
tell you flat out what you need to do
that's what I love about flutter doctor
so if flutter ever acts a little screwy
and you think it's not working right
just run flutter doctor and see what it
has to say generally you're going to get
an output like this flutter on whatever
operating system you have the Android
tool chain on iOS you'll see both the
iOS with Xcode and Android you have
Android studio with a specific version
now when I say specific it should be
newer than a certain version and it
tells you the Java open JDK runtime and
the IDE now notice how it says flutter
plug in dart plugin you probably will
not have those and what we'll need to do
is go into IntelliJ then go into
settings and you may not have this
window if you specially if you just
installed it close that I'm just gonna
say new project that's not what I wanted
actually go settings I was trying to
bring this up if you have just the
generic you know you've never open this
before you may see a different window so
get into settings however you can go to
plugins and if you don't already have
dart and flutter in there click on
browse repositories and you'll want to
type in flutter mine there's no button
but you'll have a button here that says
either install or update if you already
have flutter there so to let install it
you'll probably have to restart the IDE
and you'll know that it's fully working
when you see it in here and when you can
say file a new project and there is a
flutter and or a dart icon here so to
begin our applications I will actually
be working with dart notice how the dart
SDK is actually inside of flutter so go
ahead and setup the dart plugin for your
IDE and don't worry about this dartium
honest and I'm really sure what dartium
is I think it's like kind of a help
binding but we're just gonna be working
with the raw SDK at first to learn the
dart language and blue using console
applications then when we get into more
complex
SAP's will actually be switching over to
flutter so what we have here is just a
general generic hello world kind of
thing as you can see there's a lot of
folders you have an IDF folder you have
Android folder an iOS folder a Lib with
main dot dart made that dart is actually
the I should say the index or entrance
file basically you need the main
function inside of main dart to run your
application and we're gonna go over all
this stuff in future tutorials so if
this looks really crazy don't worry
about it we're gonna cover it so to
recap
you're gonna want to download and
install flutter you're gonna want to get
a little familiar with the dart language
page we're gonna actually be going over
the language tour maybe if I can find it
cold medicine we're going to go over
this pretty in-depth we're not going to
spend three weeks talking about what is
a variable we're going to step through
it fairly quickly but there's a lot of
information to learn and I think it's
gonna be fun whoops I was dragging and
dropping something there alright
questions comments concerns please be
sure to join the void rooms Facebook
group and leave me a note out there and
I'll talk to you guys later