Ember.js tutorial for beginners #10 Ember data, store, adapter, serializer (2022)

EmberJs tutorial for beginners #10 Ember data, store, adapter, serializer
Code at the end: github.com/yc-shawn/emberjs-t...
----
Intro (00:00)
Fetch json (00:13)
Ember data overview (02:29)
Ember data model (02:48)
Ember data store (04:04)
Adapter & Serializer (04:57)
Outro (07:54)
----
#Emberjs #Ember #WebDevelopment

[@lenora.design]

I believe this is a great intro into Ember Data. I needed something a bit more approachable and this did it for me. This video made it digestible. I think I understand enough of the base info to move forward to real world applications. Thanks a ton.

[@alexyoungjiecho4789]

This tutorial was helpful! Btw, if you have time, it really helped me review the content when I added the 'star' section to the data, so the stars could show up dynamically based on the data 😊

[@yoyowang3729]

Thanks for your tutorial, very helpful!

[@sivasubramanianramanathan6945]

Great Stuff👍

[@paulofernandes2015]

Elegant and beautiful tutorial. Thanks a lot for putting so much effort on this. It's getting increasingly harder to find good content about Ember nowadays. Besides the default tutorial, where would a novice find good content to get a deeper understand of the framework?

[@ShawnCTech]

The official tutorial is good, you can also try to look at developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Ember_getting_started
And I also plan to make videos on the advanced technique of Emberjs

[@paulofernandes2015]

@@ShawnCTech thanks for the response! I am really looking forward your next videos!

[@truekasun]

Hi, I was following the full set of tutorials and this is so impressive. Thank you very much for creating this set of tutorials. One more thing, will you be able to add authentication (session handling) for this playlist?

[@ShawnCTech]

Thanks! I didn't plan to add that section, since is not ember specific thing, you can easily doing that with ember service and localStorage / sessionStorage.

[@truekasun]

@@ShawnCTech Yeah that's right. What I was really confused was how to redirect unauthenticated users using routes. Lately I found the documentation for ember-simple-auth. Thank you!

[@jellyhan7530]

hi, wanna to know if the data is not from the static data in a local `.json` file but a real HTTP response data, does the adapter at the time 7:18 with the `buildURL()` can be a real http URL?

[@mArtinko5MB]

HI there, keep up the good work. Just one thing, you do not need to import store as service. It's available in route by default as this.store without @service store. ;)

[@ShawnCTech]

Thanks for sharing this.
Yes, that is true, but its good to inject the store explicitly to reduce confusion. Also inject store service is a standard way in ember official docs: guides.emberjs.com/release/tutorial/part-2/ember-data/#toc_the-ember-data-store

[@mArtinko5MB]

@@ShawnCTech i didn't know that, just to sum up. if you do not import it as a service, it will always load the data from server, but if you will, it will take it from cache as it was loaded before rather than make a request, right ? that is neat

[@arunkumars5352]

Right now I am working on ember.js with front end and servlets at back end. I have achieved redirection from ember to jsp for the backend works but I have to check upon the response and redirect to corresponding ember.js webpage. Can anyone tell me how to do this?
Thanks in advance.

[@mathanp3777]

can you please upload simple login with use local storage/ Session , after that login go to another page
please,

[@akbarkazimov8486]

is it possible to execute a jar file in ember js?

[@IvoSlanina]

Hello, thank for tutorial. A have one questing on this topic. Have Ember some mechanism for mocking data on development? I would like to have data for dev stored in file, but fetch data from REST API on production. I can't find any documentation about this.

[@ShawnCTech]

Yes, it does, but through 3rd party add-on, is called Mirage. www.ember-cli-mirage.com/

[@IvoSlanina]

@@ShawnCTech looks promising. Thank you 🙂

[@angelapan4447]

what's the advantage of using ember data vs "fetch"? seems like fetch is easier than "generating adapters and serializers"?

[@ShawnCTech]

Generalize everything in a very standard way to use in various places across the application

[@sandeepmandal9998]

why are we overwritting buildURL function?

[@ShawnCTech]

See 06:04, because it can help us to add .json automatically for all the api calls

[@sandeepmandal9998]

@@ShawnCTech ok got it❤️

[@HAL29209]

At 1:59 did he say "Asynchronized" function ?!?!

[@lings628]

Yes

[@alvarouribe8416]

Thanks for the tutorial. I think this is the most complex topic in Ember but sadly you are just scratching the surface and in any real project your audience would not be able to finish their real problems.
I think the changes of the jsonApi to RestApi that you did doesn't explain much, maybe explaining the different queries to the store method and explain how to drive through the api reference to know what to overwrite in the adapter would be beneficial...

[@ShawnCTech]

Agree, but this is just a beginner series to help people quickly ramp up.