Flutter for the JS Developer
HTML-код
- Опубликовано: 20 янв 2019
- Flutter/Dart basics for the JavaScript web developer. Learn the similarities and differences between Dart and JS side-by-side. Compare Flutter Widgets to React Native components. fireship.io/lessons/flutter-f...
- Flutter flutter.io
- React Native facebook.github.io/react-native/ 
Наука
"Let's fade out the music and get into the code"
I see what you did there.
You listening to us.
That's what I do! Incorporating feedback is very important to me.
I wish all languages had a comparison 1:1 tutorial versus the languages it's based on.
I always procrastinate before learning a new language because it's a pain in the ass go through the basics stuff.
Your video in the other hand, go right into the topic!
That's genuinly a great idea. I'll build a new channel and start with the basics: html vs C#
@@THEMRfatefighter have you done it yet?
@@themirac5614 dude, it was a joke. ^^ every language has it's application. Html is for web content, js for web scripting, python for apps (not efficient but quick to setup), c# for lengthy apps or games with classes and heritage, ect. The idea is great but it's like comparing wine and wiskey. Both are alcools but you just use them in different situations.
@@themirac5614 Man.. That was a joke😂😂
This can help you hyperpolyglot.org/
This is why I jump to your videos whenever I want to learn a new technology or language, your work is special man, thanks for your effort making things effortless to us.
JS is my wife, but flutter is my mistress! Awesome😂😂😂
Love that quote 😂
😂
Lol!! I like it. Let's talk Darshan. Flutter app.
😀
Shutup harami
I decided to build an app with Flutter a couple weeks ago, found your channel last week (which has been immense help) to brush up on my JavaScript for interviews, and then you release this. Quite astonishing timing I'd say.
atleast you found him
@@brhh yerp mates from other groups talking abt him so that's pretty much how I found him lol
Great video. Bridging learning with a side-by-side comparison with javascript was genius.
Dart = java(only the good parts) + JavaScript (only the good parts)
Dart is actually quite similiar to C# and I don't mean that because C# is similiar to Java. Anonymouse methods and types, promisses, properties, async/await and so on are part of C# for years.
@@relentless5723 C# is not a scripting language. I always felt like Java and C# to be like in a realm that is not needed. Yes we need scripting languages for dynamic stuff, and yes we need system languages for fast static stuff. Both can be used together. Where C# and Java is more like trying to do those both but failing at each of them. Dart is nice for scripting, while rust is nice for system level.
@@relentless5723 I have to agree on that. I learned programming from making games in Unity and was avoiding the JavaScript version of Unity because C# syntax was just more appealing for me. Ever since I started web-development i have always used TypeScript because it is basically C#script to C# as JavaScript is to Java. Dart is even more like C# which is why I only use Unity for making games and not for app design anymore.
Should I learn js or Dart..? Any one plz...I m new bees for programming..
@@JK92007 Depends if you are going for web development or mobile development. For web its definitely JS plus you can write mobile apps as well using react-native, ionic etc. Flutter on other hand is mostly suited for mobile applications and it gives better performance over mobile apps written in JS.
I've been looking for a quick introduction like this for months! Thanks a lot dude!
Flutter/Dart is a great career path to JavaScript programmer to go cross platform and fully native. Your side by side rapid fire comparison worked really well! 😍 👁💧👁. 👣
Thank you! Excellent emoji usage 🍻
is flutter/dart considered native?
@@lovesimpleton8177 eh, its close enough. Not fully though
This video was awesome! Love the side by side Typescript vs Dart! Would love to see more!
Super helpful comparison! Every time I create a demo Flutter app I resist going any further because it reminds me of Java in college and I don't want to go back there 😺.
I've never worked with Java, but it feels like a sibling to TS, or kinda like JS & C# had a baby.
But Java is nice af!
@ Nope. Kotlin, Scala and Clojure are nice, Java is a bloated mess, forced only to be OOP.
@@devilmanscott there isn't a suitable alternative for java for large-scale infrastructure
@@chop098 c#?
Only with ur videos.. i give like before start watching.. lol .. fully trust the content
Jeff .. can u do a separate tutorial for state vs stateless in flutter .. and how to structure the files .. components .. services .. 🙏
@@firaskudsy Thank you! Yes, I have a long list of topics. State management is a full video that will come soon, but project organization would be good also.
@@Fireship one more question.. why we cant see the old tutorial and videos on fireship.. i mean the one on angularfire ..and would my subscription valid on fireship too ?
@@firaskudsy yes, the angular firebase membership will work on both :)
I've been dabbling with Js and React Native for the past year, but just recently I decided to learn some Flutter/Dart and it's been a much easier experience so far
same
The animations in video are so well made.
Thank you, I'm not an animator, just learned a few tricks after making so many videos.
@@Fireship mind sharing? it's so cool!
Looks like a merger between a lot of good qualities from many languages. Its getting to the point where all languages are evolving toward the same end goal.
Great video, I was waiting for it since your last video, I'm intrigued with flutter and this video gave me the bare minimum to kickstart a flutter app
Last element in an array (even strings) in JavaScript: *element.slice(-1)*
I dont think anything would beat element.last in smoothness
@@keokawasaki7833 Not sure what you mean.. there is no last function for String or Array.
@@Benony91 that's exactly the point. javascript doesn't not have Array.prototype.last or anything like that. So we will have to rely on ugly or (mildly ugly like yours) solutions...
@@keokawasaki7833 haha yep! 😂 It's strange that something so trivial is missing..
Typical JS programmer response. Look again how shitty that code statement looks. Nothing beats element.last
I don't know js but am coming from C++/Java/Python, now working with flutter.. THANK YOU fine sir for that wonderful overview!
12:38 nice stackoverflow right there
Thank you. That was what I was looking for. It will help me a lot in my migration from JavaScript to Dart.
Sorry for my English. I used google translator.
Started with Flutter and now learning ReactJS and I can see a lot of similarities and where Flutter got it's inspiration from. React a lot easier to learn now.
Dart like Modern Java mix with JavaScript.
Thanks for awesome video!
Looks really cool! Thanks for the comparison 👌
Await for loop?! This looks awesome!
Genial. Excelente trabajo. Gracias.
Esperamos mas noticias de Flutter.
Thanks! Very helpful starting point, would defiantly dig int to Flutter more
Coming from C# as my mother language in coding. This look eerily similar. Gonna give this a go and finally build that app my wife keeps asking me for!
Do you think it is quicker to write react.js and react native and reuse some code between them or write vue (im more comfortable with vue than react) on web and flutter on mobile? Having a really difficult time deciding rn :/
Mmmmm the C like syntax reminds me of my wild college days.
Alex Schlake wild malloc times? ;)
C is life.
I am going through them... still need to learn how yo use gdb
When I started to learn Dart, I immediately understood why Google wanted so badly to standardize this language for the web
Such a good language that seems to me like a combination of Java and JavaScript, in a very good way
I personally favor JetBrains software over Visual Studio Code, so I also benefit from quick-fix, which saves so much time
In short, I can't decide what I love more - Dart or JavaScript
Dart might not be exciting, but it's a very productive language. Almost everything just autocompletes with inline docs.
Excellent introduction, thank you
Man...This guy knows a lot!
very nice tutorial thank you i think i'm gonna learn dart and flutter
Flutter have alot in common with qt quick (qml)
which you think is better !?
TWO WORDS ...VERY IMPRESSED!
What editor or ide are you using that gives you that info when you hover over something?
Super thanks for sharing
I hesitate to learn flutter dart program as a js developer but after watching you're video hesitation gone
Now every js developer must learn in2021 ,
I love js ,
But i like flutter too .
😍😍😍😍
Some of the best material on youtube. Hands down. I will be buying one of those Flutter shirts too btw.
P.S, everyone reading this comment should go checkout his video on Flare animations and integrating them to your Flutter app.
Your content is always great! Congrats and please keep doing this. 👏
Can we take functional approach in dart(flutter) as we can in react or flutter just restricts us???
Flutter is gem!
I know I am late, but I have been doing Java my whole life and flutter seems like something I've been asking for but too afraid to check out. :P
than don't wait, java is dying
Thank u for this awesome video
array.at(-1) can also be used to get the last element in an array in JS
Great video. Just wish you'd have used a de-esser plugin on your voice recording.
What theme do you use for these?
I was given soft soft as a gift in 11, and up until recently, I was so overwheld by the complexity of it that I never got past just using
Question:
Was that quizzes app build with flutter?
Please more of this!
Stream of knowledge!!! Offfff !!! Cool Man. Thanks
Does Dart have generators? If so, how different are those from JavaScript?
top notch quality!
It resembles more like Java to be honest, great video
Which one should a beginner choose? React native or flutter?
pure javascript, react and angular-typescript, that's all for me :)
Plz make Nativescript tutorials as well. It is the best for solution for an angular developer for truely native app.
how about nativescript :)
very nice video introduction....keep it up #team
You are awesome men!!
Thank you!
Flutter is way better than js frameworks for multi platform applications , I wish I know this sooner
Do you haver a similar vídeo about React Native?
Thank you very much ,,,,,,,,,,,,,,,,, you make my day :)
In JS, you can get the last element of array with ".at(-1)".
When we are going to see the fireship
Great video! 👍👍🔥
Always nice and instructive videos. If I may, music is a bit too loud in my opinion, tough to focus on what you're explaining.. until you stop the music of course.
Wow, this is what I call Learning at Warp Speed.
what's the difference between dynamic and var ?
What's the theme of your VS Code?
Flutter with the android studio is much more convenient and powerful, so I avoid vscode. I am a native android developer and knew very little about javascript. So for me, it was easy to learn flutter than react, because dart is pretty similar to java.
Great video
I am new to JS and I find it not likeable. Can I choose to dive into flutter?
Dart doesn't have a large community
Depends, are you doing this for fun or to get a job? Cause if you want a job, JS is the safest choice, for fun? Flutter is the way
High quantity content 💯
I’ve never seen a developer talk so fast... do you speed up your videos? 😁
Did that whole video in one take :) JK, I cut out dead air from the audio track.
What happened to your flutter app @Fireship? It appears to not have been updated for a long time now.
I have a pretty ambitious application that I'm trying to build. It would be targeted for mobile users but as a single web developer, I would build a web app first using React on the Front End (not yet sure on the Back End).
I thought of using React Native for mobile apps but then I heard it won't be optimal performance wise and that debugging in production would be a nightmare so I'm thinking that maybe I should use Flutter. I do like Dart and coming from C++ and C# it seems it won't be too difficult to get used to it.
Still not quite sure.
Give it a try buddy. Would love to know how you get on with it. Good luck 🤞
look like we have too many choice to develop programming in 2019
Web -> JS, Hybrid -> Dart, Native -> Swift/Kotlin
Doesn't seem too bad.
Ji Park and by Web we mean Vuejs or Svelte haha
@@jjjjjjjjwwjwjw You mean, web => JS, PHP, Python, Ruby, Java, Kotlin. Desktop => Electron, Rust, C, C++, Python, C#, Java, Kotlin. Mobile => Java, Kotlin, Ionic, Flutter, Nativescript, React Native.
@@jjjjjjjjwwjwjw Flutter isn't hybrid, it uses native components. React Native is hybrid
@@jjjjjjjjwwjwjw Flutter isn't hybrid , it's cross platform.
You, sir, are the shit! 🙌🏼🔥
I thought Dart would be more complicated and therefore I didn't touched it. But this looks pretty easy to get into.
my biggest issue with dart is that it hasn't go a native double type - any time you want to calculate money your stuck using a third party library which hasn't implemented comparators. My biggest issue with flutter is the bugs and the issue auto close robot which closes open bugs before they get fixed. I still have like 10+ bugs in flutter which are over a year old and are still broken.
Can u use a web api in flutter
I'm new and getting into web dev learning fronted as of now. Ionic 4 (angular ts)/ react native/ flutter, what should be my path.
And what is flutter hummingbird?
Thanks for your work. :)
Rahul Ranjan definitely Flutter, I tried all and flutter is the best for me in many aspects
@@AlexanderGusakov how much of java or core android do I need to get started. and please tell me about all prerequisites. Thanks for your reply. :)
This video won't load? All other youtube vids are working!
Wow. Deep stuff
Great Stuff
awesome thanks😍
what do you think about flutter after a year of programing?
(excelent video!)
I just started deep dive javascript...
I don't know if its worth to switch.. :X
NodeJS also very popular
it's awesome.
3:30 or press F5 and it will hot reload on save
So should I learn vue or flutter ?
Wanna build a web app? Vue. Wanna build a native mobile app? Flutter
OMG. So many languages. I have an experience in Java, C++ and C and now I have trouble deciding whether to go for Angular or react or Vue as a web developer for a job prospect
Js. Functional Js should never be underestimated
First improve you J's knowledge. If you would go with angular, you have to learn typescript, which is really nice. React also supports Typescript, but I don't know about Vue. The point is, search for available jobs near to you and learn it, if you just want to pay bills. I would recommend you to look in every framework and pick the one you like the most :)
You should make a discord server for your community :p
Love your videos
I _really_ like this video. As an RN developer this was very concise and informative. I was sad that at the end you left Stateful widgets listening to Streams with just a code snippet, instead of the perfect detail you included on all of the other concepts.
I poked through your channel for all videos on flutter you have made hoping there was a good video dedicated to Streams and Stateful widgets but came up empty. Can you recommend one that you liked when you were learning them?
please make a video on performance between dart vs go vs java script
You can use Timer.periodic(duration, callback); instead of Stream.periodic(duration).listen(). Anyways, thanks for the video bud!
I love flutter because when I ask it to align content center, it does align content center..
Unlike centering a div
for the
await for
you can use map in js and await it with Promise.all(arrOfPropmises)