{"id":1403,"date":"2022-04-19T19:30:14","date_gmt":"2022-04-19T19:30:14","guid":{"rendered":"http:\/\/blogs.studiostuiterbal.com\/mytidbits\/?p=1403"},"modified":"2023-05-29T07:17:09","modified_gmt":"2023-05-29T07:17:09","slug":"dart-een-beginners-curus","status":"publish","type":"post","link":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/2022\/04\/19\/dart-een-beginners-curus\/","title":{"rendered":"Dart a beginners course"},"content":{"rendered":"

<\/p>\n

Packtpub<\/h3>\n

Starting with this video from PacktPub, because I want to develop an App or maybe even a complete Platform. For Flutter it stated that it would be very handy if you knew Dart all-ready. Or an other OOP language. I have worked with Java for a while, but the whole OOP concepts didn’t sink in really. That’s why I started with this video course that is less then 2 hours! That is a good starter.<\/p>\n

So DartPad is the online testing IDE to go to. Some examples were easy to execute:<\/p>\n

\"\"<\/p>\n

first thing to notice is the first print statement. It was written differently then I am used to. The seconde print is the old fashion way I learned.<\/p>\n

The first video stated: go to this webiste (fartlong.org<\/del>, dartlang.org) but got redirected to an other website. That is the moment, you realize that you are watching an old video (2018…ancient in IT years \ud83d\ude09 )!<\/p>\n

\"\"<\/p>\n

This became:<\/p>\n

\"\"<\/p>\n

Select the (for me right on) Linux download instructions<\/p>\n

\"\"<\/p>\n

follow the steps and:<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Than the next statement was quite long, that is why I paste it in here:<\/p>\n

wget -qO-<\/span> https:\/\/dl-ssl.google.com\/linux\/linux_signing_key.pub | sudo <\/span>gpg --dearmor<\/span> -o<\/span> \/usr\/share\/keyrings\/dart.gpg<\/code><\/pre>\n
\"\"<\/p>\n
another long command to add a repo:<\/p>\n
echo<\/span> 'deb [signed-by=\/usr\/share\/keyrings\/dart.gpg arch=amd64] https:\/\/storage.googleapis.com\/download.dartlang.org\/linux\/debian stable main'<\/span> | sudo tee<\/span> \/etc\/apt\/sources.list.d\/dart_stable.list<\/code><\/pre>\n
\"\"<\/p>\n
After this you are just ready to begin the installation, with 2 commands:<\/p>\n
 sudo <\/span>apt-get update\r\n$<\/span> sudo <\/span>apt-get install <\/span>dart<\/code><\/pre>\n
134 MB download start and version 2.16.2-1 is installed on my VM … oh snap! I wanted to make a backup of my VM that is running on the home build NAS with UNRAID (works so freaking nice!)<\/p>\n
\"\"<\/p>\n
I saw dart-doc also, so just to know that I downloaded the information, I installed the doc part too!. Seems to be more a reporting feature, but we can explore that later!<\/p>\n
the commands to add dart to your $PATH seems needless to show \ud83d\ude09<\/p>\n
\"\"<\/p>\n
for the download I looked into the App Store (or how it is called in Ubuntu) and found this one, stable release 2202.1<\/p>\n
What version is on the website?\"\"<\/p>\n
same version! So going without the extra hassle and install it in the app.<\/p>\n
So now this video tutorial is taking much more time than expected. But I ended this after half an hour :-). Instead of the minutes it would take.<\/p>\n
Section 2 is about setting up the IDE so starting IntelliJ IDEA<\/p>\n
The video didn’t show the you have to agree to all our shit things list, but I did.<\/p>\n
The settings screen is so different so here was my screenshot:<\/p>\n
\"\"<\/p>\n
because the video showed that Plugins was entered through settings, I tried that. Later I looked a bit better and saw the big Plugin part on the main left side of the screen. Type Dart and install. IDE restart doesn’t show for me, so try without the time consuming restart \ud83d\ude09<\/p>\n
 <\/p>\n
To see if it works: “New \"\"Project” –> is there a Dart logo to create a Dart project –> you have passed this incredible test: congrats<\/p>\n
 <\/p>\n
Oh no … the video states that you have to have an SDK installed. Of course .. no wait…what? Where did I do that?? wait … that was where the restart was for.<\/p>\n
So lets restart the IDE.<\/p>\n
And … still no SDK. what the f*dge did I miss something? I clicked the link in the plugin information that said: more information about using this plugin in your IDE … that link showed that you have to install the Dart SDK manually. That is not what the video showed. Also it showed that the PATH was a Flutter installation, so it might be a little different than my clean install.<\/p>\n
\"\"<\/p>\n
oh crap … that was the same page I used to install Dart yesterday. It states that the dart\/bin directory is the one I needed\u00a0 *sigh* .. if only i would have read it a little better yesterday.\"\"<\/p>\n
notice that I had to remove the bin directory. Otherwise an error showed up:<\/p>\n
\"\"<\/p>\n
After this I should be able to create a project, but I cannot choose what type of application I can create with my Dart installation \ud83d\ude41<\/p>\n
HelloWorld does not work the way they showed! After being away for a while and sending my wife to the vet (I am afraid that our young ragdoll cat is very sick \ud83d\ude41 ). She went away and will be for the next couple of hours. So I tried to get a new Project and all of a sudden there are multiple application options:<\/p>\n
\"\"<\/p>\n
In the example is the console application. That makes sense, because you can see the output in your IDE, leaving the checkbox checked will give you sample data and application stuff.<\/p>\n
Damned … still got no main.dart helloworld thingy \ud83d\ude41<\/p>\n
So I deleted the directory in Linux Files and then started all over. Now its more like the video:<\/p>\n
\"\"<\/p>\n
Then I wanted to use my HelloDartWorld naming convention again, and again it didn’t give me my dart.main file. That is weird. I will delete it once again and create another project with only lowercase:<\/p>\n
\"\"<\/p>\n
That works … lowerCamelCase? Test: again without any luck. So the lowercase-project-shaming-naming<\/strong><\/em> is a thing to remember!<\/p>\n
So it showed some amazing stuff, Mike. Do tell us more! We want MORE \ud83d\ude42<\/p>\n
in the default main.dart there are multiple things to look at:<\/p>\n
\"\"<\/p>\n
comments are added with \/\/ for single line or \/* comments on multiple lines *\/<\/p>\n
After this example, we are guided into the variable’s world! Exiting? Nah .. but let’s build it!<\/p>\n
Create another project named boelens (a teacher of us was mr Boelens … instead of the bools name in the video. Remove the package import and add comments to the starting point:<\/p>\n
Another funny thing is that the given example isn’t working anymore. It seems that to many programmers didn’t assign their variables and that isn’t allowed anymore. In the example it prints a null and in my example the code won’t run:<\/p>\n
\"\"<\/p>\n
it shows exactly where the problem arises and makes it more practical for bad programmers as me-myself-and I<\/p>\n
After that it was shown that the boolean var could be changed from false to true .. and with the method ${isOn.runtimeType} it showed that it indeed was a boolean.<\/p>\n
But after changing from the specific bool Type to the generic var Type (it can be anything!) it still showed as bool, because Dart detected the value and interpreted it as a boolean. After surrounding it with quotes, it changed to type String:<\/p>\n
\"\"<\/p>\n
with the output:<\/p>\n
\"\"<\/p>\n
The next section is about numbers num is the generic part and it can either be an int (12) or a double (12.2)<\/p>\n
Strings are just a bunch of characters. But the example shows some stuff about getting the index of a part (space) and do substring(from_that_index).trim(); to remove spaces. I am going to test what it does…<\/p>\n
you get get the length of a string and search if it contains a string or character.<\/p>\n
and indeed if I run the following code:<\/p>\n
\"\"\r\nwith spaces\r\n\"\"\r\nwithout spaces\r\n\"\"<\/pre>\n
Note:\u00a0<\/strong><\/em>the examples for printing statements are as follows:<\/strong><\/p>\n
print(‘lastName is: ${lastName}’ );<\/p>\n
That is somehow different than what I was used to (concat to get the same results).<\/p>\n
print(‘lastName is: ‘+lastName );<\/p>\n
but the IDE gives a warning that you should remove the unused brackets and that is done by a simple key combination.\"\"<\/p>\n
Alt + SHIFT + ENTER does the removal! Worked like a charm!<\/p>\n
a usefull command is to create a list out of a string:<\/p>\n
\"\"<\/p>\n
you can print the wanted items out of this list by using a index (starting from 0, all the way to be the Dart hero!)<\/p>\n
 <\/p>\n
\"\"<\/p>\n
working with constants:<\/p>\n
use const String name = ‘Dwight’;<\/p>\n
name = ‘Dikke Dwight’ will give an error, because a const is not mutable<\/p>\n
using stdout for printing you have to add \\r\\n to do a return and newline feed<\/p>\n
the example for reading user input does not compile and work:<\/p>\n
\"\"<\/p>\n
There are checks for the possiblity to be null … it gives a couple of possible fixes: make the string nullable String? … but that does not do the trick. So this video makes me look at Google to fix the chages that have been added to the Dart language. I guess \ud83d\ude09<\/p>\n
\"\"<\/p>\n
@ StackOverflow the solution was desribed as shown in the picture above this. Make the String nullable. But then the name.isEmpty() must be made nullable .. but the there is a error that a bool? cannot be compared with a bool *sigh*<\/p>\n
This is called null safety, so remember that!<\/p>\n
\"\"<\/p>\n
So this code works. But it looks like I had to change the isEmpty ? with a second question mark? Lets try that:<\/p>\n
NOPE!<\/p>\n
\"\"<\/p>\n
collections!<\/p>\n
Enum has to be declared outside the main function<\/p>\n
voorbeeld was om enum te laten zien, zodat je kunt zien dat de variabele printen niet gewoon lukt. Je moet naam.values gebruiken. Dat geeft een lijst terug\"\"<\/p>\n
Prima om zo te kunnen werken. Zo kun je data doorsturen?<\/p>\n
 <\/p>","protected":false},"excerpt":{"rendered":"
Packtpub Starting with this video from PacktPub, because I want to develop an App or maybe even a complete Platform. For Flutter it stated that it would be very handy if you knew Dart all-ready. Or an other OOP language. I have worked with Java for a while, but the whole OOP concepts didn’t sink […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/posts\/1403"}],"collection":[{"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/comments?post=1403"}],"version-history":[{"count":13,"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/posts\/1403\/revisions"}],"predecessor-version":[{"id":1499,"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/posts\/1403\/revisions\/1499"}],"wp:attachment":[{"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/media?parent=1403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/categories?post=1403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.studiostuiterbal.com\/mytidbits\/en\/wp-json\/wp\/v2\/tags?post=1403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}