Front end development: where to start? [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I'm very sorry if that question has been asked already, couldn't find anything closely related though.
By now I've pretty much learned HTML/HTML5, CSS/3, learned using JQuery (not saying there's nowhere to improve, obviously there is). I really want to start learning front-end dev (client MVC, etc). I've started learning backbone.js, but it turns out i'm having difficulties learning it. Am I missing something? I've read "JS: Good Parts" and Javascript Garden is basically my go-to source yet I still get confused.
I'd appreciate any recommendations as to what I should learn/practice first, thanks :)

My favorite answer for that is always - start your own side-project.
Pickup any simple existing application, ToDo list, issue tracker, blog platform, what ever and spend energy to make it done. Host sources on github, search for similar applications to inspire.
You would not believe how many actual questions you would have, by just trying the things out. If you already have good skills with HTML/CSS and JS you'll be able to build something really valuable and learn a lot.
Backbone.js is good, but could be really difficult to start with. Do, some learning curve - implement same simple app in jQuery, then Backbone, then Angular.js. It will give you great client MVC overview.

Two things
Don't quit.
Stackoverflow.
You can read all you want and it will definitely help, but in the end, you'll just have to start, work through it and finish something. Finishing is very important, so I would recommend starting simple, for example, build your own todo with an example on the side and work from there.

Different people have different learning styles, so not all answers you will get will work for you (except GijsJanB's "Don't quit"). Personally, once I am through a tutorial or other documentation, I like to study a real-world system of substantial size. Two that I've looked at and might match your interests are:
Brackets: a Javascript/HTML/CSS editor written entirely in Javascript. Written and maintained by Adobe, open source and available on Github via this link.
Travis-web: the front-end of the Travis-CI continuous integration framework, based on the Ember framework. Written largely in CoffeeScript, not JavaScript proper.

I'd suggest AngularJS (http://angularjs.org/). Why? Because it has a pretty good tutorial section, good documentation AND it's backed by a large company (Google).
But unfortunately, the learning is still up to you ;-)

A free online resource is w3schools, it teaches you back-end too(PhP and mySQL).I really suggest you to learn Angular2, this is a great js framework that most front-end developers use. Always practice,code at least 2 hours a day, make a lot of websites for your portofolio, learn how to make slideshows and animated text, you can even learn how to make a working login page, and a working contact form(a lot of cients want theese stuff). Learn photoshop and illustrator because clients want great design these days.One thing you have to remember is that you never stop learning,if you ever think that you finished learning it emans that you are at the beginning.Good luck and never forget the semicolons :)

Related

Is there a in-depth code guide to React JS similar to John Papa's code guide to Angular JS? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I've been developing in AngularJS 1.6+ for awhile now, and John Papa's code style guide has been critical to how I've written my Angular code. The conventions used are something I'd expect an experienced developer would be aware of:
https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md
If you go to AngularJs's site you end up creating a "Hello World" example with a non ideal file architecture. I want to avoid this while learning React JS. I'm looking to expand my skillset to include the React framework, but I want to make sure I'm using it in a way a real-time SPA would use React.
I'm looking for any reading material or videos I can watch to get me pointed in the right direction. I feel learning React won't be too bad, but I want to learn in a manner that is consistent to what is expected in the real world. I've done a few obvious google searches, but would like to hear feedback from some experience React developers.
This is a reasonable question, though not without opinion. I've done loads of Angular and React, and there is SOO much literature about React, but nothing similar to Todd's style guide. The reason is because React is such a simple, small library compared to Angular. It's a good thing. I'll attempt objectivity here (As of today (Jan.13 / 2018)
1) Docs first. The docs are excellent.
https://reactjs.org/docs/hello-world.html
2) online sandboxes (this is subject to change)
https://stackblitz.com/
https://codesandbox.io/
3) create-react-app (it's great for tinkering and good enough for prod)
https://github.com/facebookincubator/create-react-app
4) prettier (the gold standard of javascript formatting)
https://prettier.io/
5) react-router
Client side routing is essential to modern day JS. If you only ever had two libraries (React and React Router) you're set. I promise.
https://react-router.now.sh
6) Join / lurk communities.
The dev world is rich, fascinating and helpful. There's reddit, discord, slack, github, gitter, irc etc etc etc etc. You will gain so much more from talking to people online or in person, than from reading a guide that may or may not be up to date.
7) experiment
Style guides might be way off. It might turn out that you're weird way of doing things becomes the de facto way in the future, so constantly try new things and iterate quickly.
8) Smile, code, debug and carry on

Is it worth of learning cfclient API for mobile application development? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I am ColdFusion developer working in ColdFusion since last 2 years. Recently before few weeks i have started learning cfclient API of ColdFusion Splendor as I am always interested in Mobile application development. But today after reading comments on the blog
http://blogs.coldfusion.com/post.cfm/coldfusion-mobile-features-are-not-just-about-cfclient-but-it-is-necessary#comment-08603915-B031-CC32-1C2DE6521C233F65
I am in big dilemma, Is it worth of spending time for learning cfclient. Some of conclusions that I found after reading the comments on the blog are.
Adobe never have a good track record on generating JS. They generate very ugly looking js.
cfform and cfgrid were introduced with some client side functionality.But now a days no one loves to use it because they have not been updated since long and we can get more flexibility using custom js library.The same may happen to cfclient.
It's a crappy decision from Adobe to focus on mobile application development instead of making the server side language more robust and fixing old bugs.
cfclient inspires the developers not to learn JavaScript.
Adobe is trying to solve a problem that does not exist.
I think you've answered your own question here, to be honest: don't waste your time.
Basically <cfclient> is, by Adobe's own admission, just a hook into the language to tell how the compiler should treat the code: translating it into JavaScript instead of compiling it to bytecode like with normal CFML. And it's a really crap way of achieving that.
The other reason is that they couldn't work out how to implement the hooks into ColdFusion Builder to make all its mobile-dev workflow work.
Another problem is that the Adobe guys are just... not any good at writing anything other than Java. This has been borne out by every single foray into anything other than Java that they write (this includes CFML, incidentally: they can't even write that).
So do you really want journeymen developers who aren't comfortable in the language writing wizards to write your JS for you? No.
Do yourself a favour, and just learn to do it properly. <cfclient> is just an example of Adobe having not learned their lessons over the years after all the <cfform>, AJAX-enabled layout widgets like <cfpod>, and Flash forms. They have never had the skillset to do this work properly, so don't put yourself at their mercy.
Oh, and I'm also voting to close the question as it's not one that can be answered objectively.
This is my take on it
Even if it were good approach today, it is not future proof. New browsers will come, new javascript features will come. I fear that this won't move ahead.
I could not agree more
And some of the existing bugs really need to be addressed.
<cfclient> asserts that client side development should be in cfml. IMHO, Coffeescript covers some of those concerns.
There is a demand for Mobile friendly websites. If I had to pick ONE thing to move ColdFusion forward in this arena it would be: Can we get the JSON functions to work right
There are many ways that Adobe could have moved forward on the mobile application front. If they promoted various community based solutions that would be useful. I know Bootstrap + FW/1 + ColdFusion. But I don't know PhoneGap/Cordova + ColdFusion. I would be good to see those work together.
True, But if you're using CFClient, you're not wanting to write JS anyway, so what do you care what it looks like on the client.
I believe Adobe has promised that we would be able to update the core underpinnings of CFClient (probably PhoneGap/Cordova) and other JS libraries.
Agreed.
I don't know about inspires.
I disagree here. I'd love for a way to quickly deploy to mobile.
PS> I'm sure since this question isn't code related, it will get downvoted / deleted; Might be a better topic for the CF-Talk mailing list or some ColdFusion forum somewhere.

I Just Can't Understand Node.JS, Any Resources and Tutorials Out There To Help Me Out? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
I know this question has been asked multiple times on this site in one way or another, but even after everything I've looked at I still can't for the life of me work out Node.JS nor how to efficiently use it as well as knowing what it's good for.
I consider myself an advanced JavaScript developer. I'm not just talking about knowing jQuery or Prototype, but rather actually knowing the underlying language quite well which from my understanding is all you really need to learn Node.JS as it is server-side JavaScript after all.
I develop on a Windows machine, but have just installed Virtualbox and an Ubuntu Server ISO to develop Node.JS applications in it. Where do I begin? I know the language, but what now? I can't seem to understand how applications are written in it.
Another question (if I hadn't already asked a million of them) is should I be using a framework for Node.JS like Geddy or Express or should I learn Node.JS and then consider a framework?
I found Node Beginner to be an excellent starting point.
If your time for this project is limited, you should jump right at a framework. If you want a deeper understanding of the tools you are working with, start with a barebones tutorial (which does not make much use of frameworks such as expressjs, backbone). I've also found Node Beginner to be the best starting point, so go with Michael Stum's advice.
Later when you will start using those frameworks, you will be able to understand better what each line actually does.
Check out the official nodejs community wiki. Also see Useful Node.js Tools, Tutorials And Resources
I really would suggest just looking at the documentation on the nodejs.org site itself...
Overview and video http://nodejs.org/docs/latest/
and the API Manual which is not too long and worth a read....
I would suggest that you first start with the basics, and the later go with frameworks and modules of which this should be you starting point

Javascript Books for Pure Noob [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
this site has been a great help to me. I am working as a UI designer, and i am very interested in learning Javascript, but i am not able to find a right way to start from. I don't have a programming background.
I need a book for Javascript, which is totally for a Noobs, starting from the fundamentals. I tried reading Douglas Crockford's Javascript the good parts, but i wasn't able to understand much.
Please suggest me some books
Try out this new site:
http://www.codecademy.com
It really will help you get a hang of javascript. It's an interactive way for learning javascript.
If you're looking for a book, I'd recommend O'Reilly's Head First JavaScript. You can get it from their site or cheaper from Amazon.
I started recently using eloquent javascript and it is indeed a good book. Along with that Mozilla Documentation helped. But the best way to understand the language is to use it and see it in action. Ask a friend of yours to introduce you to firebug and how firebug is used to alongside with Javascript debugging. That will help you to get a grasp of how javascript is used to real world. Once you know that you will find that Javascript as a language is really simple, it's applications (and concepts such as AJAX) and it's libraries (jquery) are the ones that are making it really really powerful
Make sure you read Pro JavaScript Techniques. It is concise with a wealth of information.
Then there's the JavaScript: The Definitive Guide. Also make sure you get Secrets of the JavaScript Ninja when it gets published.

References to learn HTML & JS for Non-technical person [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
My Manager wants to learn HTML and JS, and he has no idea of programming. Can you give me any good references from where he can learn?
Do yourself a huge favor: do not use w3schools. A lot of its content has obviously not been updated in around 10 years, and a large portion of the javascript code on it is absolutely attrocious and should not be considered best practice even in a parallel universe.
For more details on this, see http://w3fools.com/ - which also suggests some alternative resources.
That said, I've personally found Mozilla Developer Network to be a very well-written resource, though I'll admit it may not necessarily cater to the greenest of audiences.
For JavaScript as a language, I'd highly recommend picking up Douglas Crockford's book JavaScript: The Good Parts, as it discusses the language while specifically trying to emphasize the good parts of the language while steering you clear of the bad. It's important to remember that while JavaScript looks like Java, its similarities pretty much end there.
EDIT: for JavaScript you may be better off starting with a resource like Eloquent JavaScript as Rebecca pointed out in her answer (for which she gets a +1 from me, and for which I kick myself for forgetting about).
I might also point you towards Rebecca Murphey's jqfundamentals - particularly the first chapter, which also briefly goes through some JavaScript basics, though admittedly it does so quickly and thus shouldn't be your only read. But it's also well-written and should be hopefully easy to understand. (For consumable formats, look here: https://github.com/rmurphey/jqfundamentals/tree/master/book/release)
... non-technical person ... learn HTML+JS ... but no idea of programming.
All I can says is "good luck".
HTML you may get away with, but JS is programming. Can't get away from that fact.
Teach him to program using Javascript if you like, but don't expect to get a non-technical understanding of it, because it is technical.
My suggestion: teach him HTML only to start with. Don't bother even acknowledging that Javascript exists until he's got a good handle on that.
Then teach him CSS. You can't write a web site without it these days, and a lot of what he's going to want to do with Javascript would involve changing element styles anyway, so a good understanding of HTML and CSS is important.
Once he's got that - properly - then, and only then should you consider letting him loose on Javascript.
For people who can get past jargon, a good place to learn HTML and JavaScript is by learning it from the source:
HTML 4.01 Specification (W3C Recommendation 24 December 1999)
HTML 5 Reference - A Web Developer’s Guide to HTML 5 (W3C Editor’s Draft 23 March 2009)
Core JavaScript Guide (Copyright © 2000 Netscape Communications Corp.)
Core JavaScript Reference (Copyright © 2000 Netscape Communications Corp.)
This gets good reviews:
Google: HTML, CSS, and Javascript from the Ground Up
Eloquent JavaScript is a fantastic resource, but I'm with Spudley -- learning JavaScript without some programming background is going to be a long and arduous road. Libraries can flatten some of the learning curve, but the tradeoff is the risk of writing code that "works" in the loosest sense of the word.
JavaScript: The Good Parts is a great book, but it's going to be way over the head of a beginner without programming experience.
The most complete place to learn JavaScript is from the people who make it work: https://developer.mozilla.org/en/JavaScript/Guide
w3schools has JavaScript content, but it's very scarce and doesn't really explain things is much detail.
Mozilla also have HTML Docs for when you want to take the next step. https://developer.mozilla.org/en/HTML
If you have no idea of programming then you can start with classes from Lynda.com as they are easier to follow for beginners. Their Essential HTML and Essential Javascript courses are a good start for those with no prior experience. However, you will have to pay for them.
Tizag.com also has easy to follow tutorials for beginners.
W3C school tutorials is also recommended.
I would advise you to get familiar with HTML and CSS first and then move on to JS.
I am sorry that I couldn't include more links because SO doesn't allow more than one link for new users.
Don't start with W3schools to learn. Here is an alternative for W3schools.
SnoopCode

Categories