I have just been told that some of the projects I have to work on use Ember.js framework. It looks interesting and I want to gain more knowledge on it. I have also seen the official site but I think there's still a lack of proper tutorial for a beginner. Moreover, I just have a basic knowledge of Javascript. Where should I begin first? Javascript or head straight to Ember.js?
Edit: I would love to see suggestions from all Javascript developers and beginners how they started learning Javascript.
What I am planning to do is, read Eloquent Javascript and Head straight into Ember.js. If I am stuck on anything I can refer to SO.
Personally, as #sl7_7, I began learning JS with Ember. So my answer should be Ember specific.
I learned them by reading the few tutorials, guide and examples I found, but essentially by reading the source code.
There are a lot of example available, but there are sometimes hard to find.
First, a list of useful blogs :
https://github.com/emberjs/ember.js/wiki
http://emberjs.com/
https://kippt.com/zaplitny/emberjs
http://trek.github.com/ you should read it
http://emberjs.tumblr.com/ (does not seem to be still updated?)
http://codebrief.com/ - a blog written by Gordon L. Hempton
http://www.cerebris.com/blog/ - written by Dan Gebhardt
http://www.emberist.com/ - another really interesting blog for Ember, written by Peter Wagenet
http://www.tuanleaded.com/blog/2012/04/getting-started-with-ember-js-the-missing-to-dos-manual/
And then, some examples :
https://github.com/bazzel/ember-sample2 - a simple and recent Rails & Ember example written in Coffeescript. It contains a useful Ember.Router example
https://github.com/elucid/ember-tunes - another simple Ember example
https://github.com/ghempton/ember-router-example - an Ember.Router example
https://github.com/pangratz/dashboard/ - a simple Github dashboard
https://speakerdeck.com/bestie/tastebuds-radio-a-rapidly-developed-ember-dot-js-app - A speaker deck on a "rapidly developed app"
It is possible that I forgot many site, so just add a comment and I'll update my answer.
You have to learn javascript first. Ember.js is a library for javascript, and thus is written in javascript, and thus is interfaced through javascript. Starting with ember.js is running before you can walk.
That said, here are a few resources to get you started:
Javascript:
Mozilla Tutorial
Ember.js:
Adobe Tutorial
You would do better learning Javascript first. You can head on to Javascript.is(sexy) by Richard Bovell. He does a magnificent job of teaching JS basic and advanced concepts.
Related
I was a Java developer for coding Android for 3 years
But now I find that learning to React.Js brings me one step closer to world-class technology.
I did a lot of research on its learning path .
I realized that for React.js and React Native I had to learn the following sequence :
1-html
2-css
3-java script
4-react
5-react native
And learning node.js also helps me a lot in writing backend programs .
Because I had to work with html and CSS before. I remember this at the elementary and intermediate level.
My long-term goal is to design a site and software like the alibaba.ir
At the beginning of my learning, I was lost to a huge amount of framework and technologies . such as bootstrap and ...
Thank you for giving me your experience and introducing me to the right path that includes the best frameworks and ...
I have used React for 3 years. This is my study blog about React and some other knowledge.
HTML + CSS + JavaScript is very very important for everyone who want to be a FE engineer. And if you are familiar with JavaScript, React is easy to learn and use. The best way to learn React is to read the official document.
However it's only a start, there is too much possibility using React. You can research in every other hands as follow:
How to manage store: Flux、Redux、Mobx、GraghQL...
How to use css: Sass/less, css modules, Jss...
How to fetch data: fetch、relay...
How to use router?
Every direction has its own experts. Best wish to you.
I have completed codeacademy twice, freecodecamp twice and read a few online articles...I believe I now have a good understanding of the fundamentals of Javascript.
However, I feel lost in terms of where to go next. People say build projects, but where do I start? How do I plan? Even though I know the fundamentals of Javascript, I still feel there is a lot to learn. I feel like I will only truly start understanding Javascript once I start putting projects together but I cant think of any.
Also, codeacademy, freecodecamp and these other online course websites dont seem to really teach DOM manipulation. Is there any online coding sites, similar to the ones mentioned, which will allow me to practice DOM manipulation?
I would be hufely grateful if people who have developed their understanding in Javascript can give me some advice based on how they did it.
I am just sitting here staring at my laptop and going back and forth. I cant really seem to figure out what to do next, now that I have gained a basic understanding of the core concepts of Javascript. Please guys, help!
This is not a very good question, but I still would like to try and explain.
Questions you need to ask yourself
Frontend or backend js?
I assume frontend based on the "DOM manipulation" part, but there is also Node.js for the backend with it's own unique API to use and interact with the operating system.
Do I want to use libraries and/or frameworks
Depending on your needs and preferences you will come in touch with these things, they all have their own learning curve, on top of learning js. Libraries are mostly just function in order to help you. However frameworks like Vue and Angular require a way of writing your code that is like it's own language. (opinionated)
What version(s) of js and browsers do you want to support?
Javascript has evolved over time and the javascript engines in browsers as well. Older IE browsers will be harder to support without the help of a library like jQuery.
Now about the learning part and where you can practice.
There are probably thousands of great sites to practice, however I will give you my favorites.
The stackoverflow documentation on javascript (top navigation on this page)
I will get hate for this: W3Schools
To read the docs on Mozilla
interactive on both codeschool and codeacademy
JSFiddle for practicing in a closed environment
https://bento.io/topic/javascript
https://learnxinyminutes.com/docs/javascript/
http://www.allitebooks.com/ for specific ebooks
Have a look at what frameworks are popular nowadays and why. If they suit your needs. Learn them one or two at a time but not more, so you won't mix them all up in the end. Try to at least understand OOP in javascript even if you don't intend to use it later. Anyone feel free to expand this answer because it is hard to cover it all myself.
I was hoping someone could shed some light on the Aurelia framework for me. I've noticed many posts out there promoting this framework so I've decided to take a deep dive into it. Though I've had some issues right off the bat with getting starting while reading through their Doc HUB. I see many subjective claims and not very much code. Or diagrams for that matter. Sorry, I might be the visual learner but I think by having something that is "tangible" (as much as the Web could allow) would help people like me adopt this framework.
Now architecture patterns!
Taken from Aurelia Docs: "MV* with Conventions" or use "jQuery, React, Polymer, Bootstrap, MaterializeCSS and much more."
MVVM or MCV? Well why not MV*!
Forgive me, but I don't consider Bootstrap a framework in this sense of the word. How would I just use Aurelia? Do I get to decide what architecture I want to use and not pick or piecemeal several ones together? Why is the star there? Is this just me over thinking this or should it be as MV(C | *)?
Also, I've yet to actually write any code using Aurelia and so this question may be easily answered by just trying to use it. I would truly like to see more code out there for this framework. Maybe that would ease my visual brain sponge monster.
Thank you to whomever response to this silly question of which could have easily been answered if I had friends.
Here are some answers based on my opinion.
Why is the star there?
The * means "whatever". It could be MVVM, MVC, etc.
[...] I don't consider Bootstrap a framework in this sense of the word.
Yes, you are right. In fact, jQuery, React and Bootstrap are not really frameworks, but some say that Bootstrap is a "Visual Framework" or "Design Framework". The problem is that the term "framework" is a little vague and could be easily confused.
What the docs wanted to say is that you can use Aurelia with any other libraries that you like. You are not limited to anything.
About the patterns, I think you should see these resources:
Contact Manager Tutorial http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/contact-manager-tutorial/1
A list of apps written with Aurelia (Source-Code Available) http://builtwithaurelia.com/
Official Chat - https://gitter.im/aurelia/Discuss - This one is the most helpful for you. You can talk to a lot of people and ask many questions as you want. I believe all of your doubts will be answered there.
I hope this helps!
Which is better, learn the basics of JavaScript, and then jQuery
Or master JavaScript and then learn jQuery
Now I know the basics well But I did not write many exercises of javascript
thanks
sorry about My bad English
It depends on what you want to do with javascript.
If you want to go deeper into the javascript, want to experiment with it, then become a master in javascript. In that case I will suggest you to read this excellent book by Douglas Crockford. Becoming a master of something never hurts. But if you want to become a developer and want to only build websites with javascript, then learn the core basics and move on to learning jquery.
Again, whatever you do, you should have a clear understanding about the basics of javascript. You should, at least, read this excellent article and understand how objects in javascripts work, what are prototypes, what datatypes are there. There are also many other resources on javascript on MDN and Opera Developers Network. Google also has some excellent resources on javascript.
Always better to learn the language before learning a framework, as JQuery isn't the only JS framework.
If you know the language, you'll be able to understand whatever framework you want to use.
The references I have used in the past, ending up with the good understanding of them both are as follows:
Javascript: http://eloquentjavascript.net/
JQuery: http://jqfundamentals.com/ by Rebecca Murphey.
Hope these help you too.
I would strongly recommend you start with reading this book on Javascript > Javascript: The Good Parts
It's the best book out there to understand the fundamentals of Javascript and how it actually differs from the rest of the language. What are the good parts and what are the bad parts.
Once you are done with that, then you'll be better off learning jQuery and start doing examples.
I am trying to understand the internals of how jquery framework is written and finding it hard to understand the code.
Does anyone have any suggestions regarding a good way to get started.
Thanks for all the useful input. Editing the topic since I had limited space for adding individual comments.
I have written a lot of basic javascript code.
I know basic DOM, have used event handlers, know CSS basics. I have read about many of the topics you have mentioned and I am familiar with it although not an expert and have not coded some of the advanced topics like closures. Here are the books I have used so far Head first javascript - good in the beginning as a starter.
Books my friends have recommended and I use regularly are Javascript - The Definitive Guide, Javascript - The good parts (I read this a while ago and it was hard for me at the time).
My friend just recommended Secrets of Javascript Ninja - John Resig. Seems like a good one.
I ordered the Javascript Design patterns book you recommend last week
I have read the https://developer.mozilla.org/en/JavaScript you pointed me to. I will checkout some of the other resources you pointed me to.
Let me think a little more regarding if I want to do a little more reading before I post specific questions I have on jquery.
Thanks
Susan
To comprehend the actual source would require some degree of Javascript knowledge - If you don't already know what's going on then you basically need to learn more Javascript.
Key things to learn:
Prototypal inheritance ( the
inheritance used in ECMAScript, the
core language on which Javascript is
based upon )
Lambdas ( inline functions )
Closures ( outer variables from outer scope accessible from inner functions )
Regular expressions ( used for matching the selector strings fed to jQuery )
DOM ( The DOM API which is used to interact with markup languages )
When learning, use Firebug so you can evaluate your expressions interactively and immediately see what's going on
An excellent free resource for learning that I would recommend:
http://eloquentjavascript.net/contents.html
If you're a beginner to DOM Scripting/Javascript:
http://www.amazon.com/DOM-Scripting-Design-JavaScript-Document/dp/1590595335/ref=sr_1_19?ie=UTF8&s=books&qid=1252905196&sr=1-19
If you're intermediate level:
http://www.amazon.com/gp/product/0596517742/ref=s9_simz_gw_s0_p14_i3?pf_rd_m=ATVPDKIKX0DER&pf_rd_s=center-2&pf_rd_r=0KCJ77GKHPREBFD3WAKG&pf_rd_t=101&pf_rd_p=470938631&pf_rd_i=507846
If you're past intermediate level and want to be an expert:
http://www.amazon.com/Professional-JavaScript-Developers-Wrox-Guides/dp/0764579088
http://www.amazon.com/Pro-JavaScript-Techniques-John-Resig/dp/1590597273/ref=sr_1_10?ie=UTF8&s=books&qid=1252905139&sr=1-10
http://www.amazon.com/JavaScript-Design-Patterns-Recipes-Problem-Solution/dp/159059908X/ref=sr_1_16?ie=UTF8&s=books&qid=1252905196&sr=1-16
Other technical references:
http://www.w3.org/DOM/
http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf
https://developer.mozilla.org/en/JavaScript
If you have specific questions about a certain code snippet just ask here. Another resource that I can recommend for more advanced questions would be the jQuery mailing list or irc://irc.freenode.net/jquery where jresig hangs out himself and comes by and answers questions. There are other guru ops who reside there like ajpiano/paulirish/nlogax.
If you're looking for insight about how jQuery is written, the uncompressed source code is pretty readable. There are a few books mentioned in SO74884 that are worth a read. Resig's book doesn't really cover jQuery at all, but is good about teaching object oriented javascript.
If you are having a problem understanding something in jQuery's code (why it was done/how it works), you should post a question with some code bits to Stack Overflow, asking for some help understanding it.
Why not learn from the man himself, John Resig, here : http://ejohn.org/apps/learn/
Based on that, I'd definitely get the book your friend suggested.
You can also find some more nice resources on his website, courtesy of googling site:ejohn.org/apps
I was also like you interested in how jQuery works internally, I've spent some time learning from jQuery code source and trying to understand the core architecture, then I've created a github repo how-jQuery-works to share my knowledge that I've acquired with other developers, hope you learn something from this repository.