|
| 1 | +<!DOCTYPE html> |
| 2 | +<html> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8"> |
| 5 | + <title>Newbie Guide: JavaScript</title> |
| 6 | + </head> |
| 7 | + <body> |
| 8 | + <h1>Newbie Guide: JavaScript</h1> |
| 9 | + <h2>Brief history of language</h2> |
| 10 | + <p>JavaScript is an interpreted programming language originally created in only 10 days in 1995 by Brendan Eich. It is known as the language of the web, but it can also be run outside of a web browser. These days, it is one of the most widely used programming languages. As a result, there's an enormous community of developers who will likely be able to help you with any issues you come across as you learn.</p> |
| 11 | + |
| 12 | + <h2>Where is Javascript used? What can I program with it?</h2> |
| 13 | + <p>JavaScript is used in a ton of places on and off the web. You might be familiar with its use in front-end web development, but it can be used in so many different kinds of projects. Part of the allure of JavaScript is that it's so versatile. It's a very exciting language, largely because the language and the technologies that rely on it are changing very quickly.</p> |
| 14 | + <ul> |
| 15 | + <li>Browser / client-side: the part of websites and web applications that the user can see and interact with</li> |
| 16 | + <li>Server-side / non-browser runtimes: the back-end, or logic, of an application</li> |
| 17 | + <li>Additional cross-platform applications: desktop and mobile applications, watches, robots, etc.</li> |
| 18 | + </ul> |
| 19 | + |
| 20 | + <h2>Key concepts & best practices w/ Javascript</h2> |
| 21 | + <p>Any programming language will have features that you should take advantage of and patterns of use that are considered more effective than others. The following are concepts to pay special attention to as you're learning. Keep in mind that their use might not be immediately clear. As you keep moving forward and improving your skills, you'll start putting the pieces into place.</p> |
| 22 | + <ul> |
| 23 | + <li>DOM (Document Object Model)</li> |
| 24 | + <li>Closures</li> |
| 25 | + <li>Functions as first-class citizens</li> |
| 26 | + <li>ES6/2015 and onward</li> |
| 27 | + <li>Module Systems</li> |
| 28 | + </ul> |
| 29 | + |
| 30 | + <h2>Good JS Blogs to follow</h2> |
| 31 | + <p>Lots of very talented and knowledgeable developers share what they know in the form of blogs. Following a few really good ones is a great way to stay up to date on industry news and best practices.</p> |
| 32 | + <ul> |
| 33 | + <li><a href="http://www.2ality.com/">Axel Rauschmeyer</a></li> |
| 34 | + <li><a href="https://ericelliottjs.com/blog/">Eric Elliott</a></li> |
| 35 | + <li><a href="http://wesbos.com/category/javascript/">Wes Bos</a></li> |
| 36 | + </ul> |
| 37 | + |
| 38 | + <h2>Learning Resources</h2> |
| 39 | + <p>You'll find a huge trove of resources online that introduce aspiring web developers to JavaScript. We've listed some of the very best below to give you a start. Keep in mind that you're embarking on a lifetime of continuous learning. Every professional web developer worth their salt knows that they'll always need to Google and/or consult the documentation.</p> |
| 40 | + |
| 41 | + <h3>Documentation</h3> |
| 42 | + <ul> |
| 43 | + <li><a href="http://www.mdn.org">MDN</a>: the definitive JS documentation resource</li> |
| 44 | + </ul> |
| 45 | + |
| 46 | + <h3>Free E-Books</h3> |
| 47 | + <ul> |
| 48 | + <li><a href="http://eloquentjavascript.net/">Eloquent Javascript</a></li> |
| 49 | + <li><a href="http://speakingjs.com/">Speaking Javascript</a></li> |
| 50 | + <li><a href="http://chimera.labs.oreilly.com/books/1234000000262/index.html">Programming JavaScript Applications</a></li> |
| 51 | + </ul> |
| 52 | + |
| 53 | + <h3>Self-paced Online Courses</h3> |
| 54 | + <ul> |
| 55 | + <li><a href="https://www.freecodecamp.com">FreeCodeCamp</a></li> |
| 56 | + <li><a href="https://www.codecademy.com/learn/javascript">Codecademy</a></li> |
| 57 | + <li><a href="https://www.codeschool.com/courses/javascript-road-trip-part-1">CodeSchool</a></li> |
| 58 | + </ul> |
| 59 | + |
| 60 | + <h3>Hands-on Starter Lessons</h3> |
| 61 | + <ul> |
| 62 | + <li><a href="https://github.com/rmurphey/js-assessment">JS-Assessment by Rebecca Murphey</a></li> |
| 63 | + <li><a href="https://rmurphey.com/blog/2016/02/13/exercises-for-js-beginners">CodePen projects by Rebecca Murphey</a></li> |
| 64 | + <li><a href="https://github.com/mrdavidlaing/javascript-koans">JS-Koans</a></li> |
| 65 | + </ul> |
| 66 | + |
| 67 | + <h3>Video Series</h3> |
| 68 | + <ul> |
| 69 | + <li><a href="https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw">LearnCodeCademy</a></li> |
| 70 | + <li><a href="https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q">FunFunFunction</a></li> |
| 71 | + </ul> |
| 72 | + </body> |
| 73 | +</html> |
0 commit comments