Ember.js tutorial for beginners #01 Introduction & Setup (2022)

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ค. 2024
  • EmberJS Tutorial #01 Introduction & Setup
    Code at the end: github.com/yc-shawn/emberjs-t...
    Playlist: • Ember.js tutorial for ...
    ----
    Introduction (00:00)
    What is Ember.js? (00:24)
    Why Ember.js (00:48)
    What's in this tutorial (01:44)
    How to start? (03:10)
    Outro (10:18)
    ----
    #Emberjs #Ember #WebDevelopment

ความคิดเห็น • 70

  • @ShawnCTech
    @ShawnCTech  3 ปีที่แล้ว +14

    Let me know which topic you want me to talk about using emberjs

    • @srinivasanbalasubramaniam7210
      @srinivasanbalasubramaniam7210 3 ปีที่แล้ว +1

      Please post a complete tutorial playlist for ember

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว +1

      @@srinivasanbalasubramaniam7210
      th-cam.com/play/PLk51HrKSBQ88wDXgPF-QLMfPFlLwcjTlo.html

    • @srinivasanbalasubramaniam7210
      @srinivasanbalasubramaniam7210 3 ปีที่แล้ว

      @@ShawnCTech i'm unable to get into the bootstrap website. It shows me invalid response. Do you have any other idea to get into it?

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      @@srinivasanbalasubramaniam7210 Seems their website are down, but cdn still working, can you directly copy these to line into your index.html: github.com/yc-shawn/emberjs-tutorial/blob/tutorial-1/app/index.html#L12-L15

    • @mathanp3777
      @mathanp3777 2 ปีที่แล้ว +1

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

  • @cherryramatis2508
    @cherryramatis2508 2 ปีที่แล้ว +4

    Please keep going with ember, this is such an awesome framework and on youtube we're not getting too much content for it

  • @shashidhar71
    @shashidhar71 3 ปีที่แล้ว +2

    You are the lifesaver man! Thanks for the tutorial. Coming from Angular background and ember seems similar.

  • @vasiovasio
    @vasiovasio 3 ปีที่แล้ว

    Excellent job, Shawn! Thank you, and keep going!

  • @balaji_dr
    @balaji_dr 3 ปีที่แล้ว

    Great video and explanation. Very beginner-friendly. Please keep posting!

  • @bieberpraba2233
    @bieberpraba2233 3 ปีที่แล้ว

    Really Amazing and Great Explanation!, Loved it :)!

  • @thebluechimera
    @thebluechimera 4 ปีที่แล้ว +13

    Nice video! I've only used React, Angular, and Vue, so it's interesting to see the similarities and differences. Subscribed and looking forward to the next video!

    • @ShawnCTech
      @ShawnCTech  4 ปีที่แล้ว +1

      The second video is published

    • @thebluechimera
      @thebluechimera 4 ปีที่แล้ว

      @@ShawnCTech thanks! I'll give it a watch

  • @sandbox7795
    @sandbox7795 3 ปีที่แล้ว

    Thank you so much for the tutorial. Love it!!!

  • @disableblue883
    @disableblue883 3 ปีที่แล้ว +2

    Nice to see Ember js tutorial in 2020. I love ember js. Unfortunately its not that popular as it should be

  • @uxcoda8806
    @uxcoda8806 3 ปีที่แล้ว

    Great video, not many tubers cover Emberjs

  • @moinulislamhemel7041
    @moinulislamhemel7041 3 ปีที่แล้ว

    really i m fall in love on ember js framework

  • @carlosbenavides670
    @carlosbenavides670 3 ปีที่แล้ว

    Pretty good, thanks for sharing.

  • @musclecatnana
    @musclecatnana 2 ปีที่แล้ว

    thanks alot, that's very helpful bro!

  • @setset3308
    @setset3308 2 ปีที่แล้ว

    Awesome Video !!!

  • @johan5189
    @johan5189 2 ปีที่แล้ว

    Maybe a video about containerising ember could be helpful?
    Well done on this series so far!

  • @moinulislamhemel7041
    @moinulislamhemel7041 3 ปีที่แล้ว

    awesome really! ♥

  • @ganeshkhutwad8339
    @ganeshkhutwad8339 2 ปีที่แล้ว

    Awesome video.

  • @joseurielsalazarzuniga7674
    @joseurielsalazarzuniga7674 3 ปีที่แล้ว

    Thank you! :)

  • @rajithasri8426
    @rajithasri8426 3 ปีที่แล้ว

    good work bro... Thank u....

  • @itone3438
    @itone3438 9 หลายเดือนก่อน

    good job
    create more about ember

  • @joaovictorramiresguimaraes9784
    @joaovictorramiresguimaraes9784 3 ปีที่แล้ว

    Whats up Shawn, thanks for share this!
    Can you show your settings for vscode? Also extension snippets and other productivity stuff to work with Ember? Thanks!

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว +1

      Yea, sure, I mostly use the default setting, color theme is Dark+(default dark), icon theme is Seti. And I mentioned the extensions in the 04:35, I use the "Ember JS (ES6) and Handlebars code snippets" and "Ember snippets".

    • @joaovictorramiresguimaraes9784
      @joaovictorramiresguimaraes9784 3 ปีที่แล้ว

      @@ShawnCTech w00ps seems that I jumped this part. Sorry about that!

  • @UrbanBDKNY
    @UrbanBDKNY 4 ปีที่แล้ว +2

    Amazing presentation and great UI
    What did you use to do these “slides”

    • @ShawnCTech
      @ShawnCTech  4 ปีที่แล้ว +1

      Thanks, I'm using keynote

    • @UrbanBDKNY
      @UrbanBDKNY 4 ปีที่แล้ว

      Shawn Chen amazing. So dope. Did you custom make the animations or there’s like a template you used and changed colors around?

    • @ShawnCTech
      @ShawnCTech  4 ปีที่แล้ว +1

      I customized those based on the basic animation options keynote provided

  • @anapartybharath33
    @anapartybharath33 2 ปีที่แล้ว

    Hi, I'm unable to start the application with npm start or ember serve, it just serves up the blank page with the following error message.
    Error occurred:
    - While rendering:
    -top-level
    application
    page-title.js:13 Uncaught Error: Decorating class property failed. Please ensure that proposal-class-properties is enabled and runs after the decorators transform
    I'll tried searching in StackOverflow, but most of them are outdated and does not work. Did anyone face this kind of issue before ?

  • @cubedev4838
    @cubedev4838 3 ปีที่แล้ว

    Please continue this series...

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      I do, please checkout the whole playlist th-cam.com/play/PLk51HrKSBQ88wDXgPF-QLMfPFlLwcjTlo.html
      I will update every 10 days.

  • @dopark1027
    @dopark1027 2 ปีที่แล้ว

    Hey Shawn, thanks for the awesome tutorial! The html tags inside .hbs is not highlighting in my VS code. How should I resolve this?

    • @ShawnCTech
      @ShawnCTech  2 ปีที่แล้ว

      You might need a handlebars vscode extension

  • @iqwebserve3973
    @iqwebserve3973 3 ปีที่แล้ว

    Hi, I am new to Ember (from React, Vue, Angular/JS)... Wondering what you pair Ember with for IOS/Android apps? Nice video too. Thanks.

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว +1

      Do you mean IOS/Android hybrid app with EmberJS? I'm not familiar with that, but ember-cli-cordova or ember-cli-framework7 might help.

  • @CamdenBloke
    @CamdenBloke ปีที่แล้ว

    Why are we using the CDN instead of installing bootstrap?
    Also, is bootstrap the most common used as opposed to MateriaUI?

  • @srinivasanbalasubramaniam7210
    @srinivasanbalasubramaniam7210 3 ปีที่แล้ว

    May I know which background theme r u using. It doesn't match with the default theme in my visual studio code. Please let me know

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      Can you try "Default Dark+"

  • @meganadams7274
    @meganadams7274 ปีที่แล้ว +1

    If anyone gets the error 'Install failed. Could not find addon with name: ember-cli-sass' when installing SASS, make sure you already renamed your app.css to app.scss first :)

    • @Steel0079
      @Steel0079 11 หลายเดือนก่อน

      Thank you. You solved my issue :)

  • @CamdenBloke
    @CamdenBloke ปีที่แล้ว

    After installing ember-cli-sass, mine worked before adding options. Is that info out of date?

  • @tronganhnguyenthanh1157
    @tronganhnguyenthanh1157 2 หลายเดือนก่อน

    What ember-cli and node version that you are using ? I can't install it because the version has been updated ? What should I do now ?

    • @ShawnCTech
      @ShawnCTech  หลายเดือนก่อน

      You should be able to install ember cli in any node version with "npm install -g ember-cli"

  • @TheRicoco2011
    @TheRicoco2011 3 ปีที่แล้ว

    Do you teach the Octane version or the old one, please?

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว +2

      Is the Octane version

  • @danieldevasahayam3293
    @danieldevasahayam3293 2 ปีที่แล้ว +1

    kathi pesu da
    dai

  • @joaovictorramiresguimaraes9784
    @joaovictorramiresguimaraes9784 3 ปีที่แล้ว

    After adding jsconfig ts starts to complaing about broccoli:
    .../node_modules/broccoli/lib/index.d.ts' not found.ts
    Any idea?

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      Haven't seen that before, ember cli uses broccoli, can you try to re-install?

    • @joaovictorramiresguimaraes9784
      @joaovictorramiresguimaraes9784 3 ปีที่แล้ว

      @@ShawnCTech tbh i just removed the jsonfig and everything went smooth.
      For the complainings about decorators, I just turn it on with vscode configs following this link:
      ihatetomatoes.net/how-to-remove-experimentaldecorators-warning-in-vscode/

  • @keshavagrawal3396
    @keshavagrawal3396 3 ปีที่แล้ว

    i am getting error in installing ember-cli globally,can you please help me?

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      What kind of error you got

  • @theprince5061
    @theprince5061 3 ปีที่แล้ว

    How to install Ember.js for MacOS ?

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      Just follow the video from 03:43 to 05:06.
      nodejs can be installed in MacOS, and use the command in the video to install ember

  • @takshchanana4755
    @takshchanana4755 4 ปีที่แล้ว

    Waiting for more Videos on Loading and error states!.

    • @ShawnCTech
      @ShawnCTech  4 ปีที่แล้ว

      Those weren't in my plan for beginners tutorial, but will have that covered in future videos. Stay tuned!

  • @kamalkamals
    @kamalkamals 3 ปีที่แล้ว

    why not use typescript instead of javascript ??

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      Either way works, javascript is beginner-friendly, checkout my ember+typescript tutorial: th-cam.com/video/IfevTbyxteU/w-d-xo.html

  • @thamastersmooth
    @thamastersmooth 3 ปีที่แล้ว

    my file is empty in studio code, but I know it downloaded..

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      Make sure you open the correct folder :)

    • @thamastersmooth
      @thamastersmooth 3 ปีที่แล้ว

      @@ShawnCTech yeah, I had to make the project....now the ember server is not working...smh

    • @ShawnCTech
      @ShawnCTech  3 ปีที่แล้ว

      @@thamastersmooth You might want to check your node and ember-cli installed properly

    • @thamastersmooth
      @thamastersmooth 3 ปีที่แล้ว

      @@ShawnCTech it says unexpected identifier

  • @nicopicco
    @nicopicco 2 ปีที่แล้ว

    I'm not sure if this is good or bad but you recycled a videos series that is 2 years old, for something that was popular in 2016. Are there really no improvements and changes since then to this framework???