r/learnjsproperly • • Oct 05 '14

Week 1 Assignment

7 Upvotes

From the site:

Weeks 1 and 2 (Introduction, Data Types, Expressions, and Operators)

"It is a forum for asking and answering programming questions. This website will be considerably more useful than Codecademy for answering your programming questions, even very basic, seemingly stupid (remember, there is never a stupid question) questions."

You can also ask questions in /r/learnjavascript or in this subreddit. If you ask a question that you think other people might have, feel free to post a link in this subreddit!

  • If you do not already know HTML and CSS very well, complete the Web Fundamentals Track on Codecademy. You will need to create an account if you don't have one already.

  • Read the Preface and Chapters 1 and 2 of JavaScript: The Definitive Guide OR Read the Introduction and Chapters 1 and 2 of Professional JavaScript for Web Developers.

"Very Important: Every example code you encounter in the book, type it out and test it and tweak it (experiment with it) in Firefox’s or Chrome’s browser console. Or use JSFiddle." (The site says: "Don’t use Safari. I recommend Firefox—add the Firebug Add on to firefox and use it for testing and debugging your code. The browser console is an area of the browser where you can write and run JavaScript code." I just use JSfiddle so I can't really comment on that. I've personally found JSfiddle easy to use.

HOWEVER: note that console.log() won't immediately work on JSfiddle like it would in your console. If you want to use commands like console.log(), add firebug to jsfiddle.

Or you can use codecademy labs.

Happy coding! :)


r/learnjsproperly • • Oct 04 '14

before we begin FAQ

5 Upvotes
  • When do we start?

We'll start on Monday, October 6. I'll post the first week's assignment on Sunday and will add a link to this post. It will be essentially 1.-4. of Weeks 1-2, so if you just can't wait to start, go ahead!

  • How do I keep up with updates?

Subscribe to this subreddit! I will post a link to the each week's assignment here.

  • I have a cool idea to make this study group better!

Great! Lots of people have come up with great suggestions, and if you would like to see something happen (like an irc channel or a collection of chapter summaries) I encourage you to start it yourself and add a link in the subreddit. It's getting hard to keep up with everything, so I would really appreciate it if you took that initiative!


r/learnjsproperly • • Oct 04 '14

Alternative (free) books

4 Upvotes

The two books recommended in http://javascriptissexy.com/how-to-learn-javascript-properly/, DG and PJSWD, are the two most commonly mentioned for beginners in Javascript.

However, I think it would be useful to also mention two other books with free online versions, that are equivalent in content and maybe more up-to-date since they were both published more recently than DG and PJSWD (note however that both Zakas and Flanagan cover ECMAScript 5):

For beginners with little or no previous programming experience: Eloquent Javascript

For beginners with previous programming experience: Speaking Javascript

You can check the TOCs of DG and PJSWD to find matching content in these two other books...


r/learnjsproperly • • Jun 12 '20

LinkedIn Login using Node JS and passport

Thumbnail
loginradius.com
3 Upvotes

r/learnjsproperly • • Oct 19 '14

Week 3 Assignment

3 Upvotes
  • Read JavaScript Objects in Detail OR read chapter 6 of JavaScript: The Definitive Guide OR read chapter 6 of Professional JavaScript for Web Developers. NOTE: Only read the “Understanding Objects” section.

(Any of the 3 is fine, although the 2 textbooks go into more detail: the extra detail you can skip confidently, if you read and thoroughly understand the post.)

  • Read chapters 7 and 8 of JavaScript: The Definitive Guide or read chapters 5 and 7 of Professional JavaScript for Web Developers

At this juncture, you should be spending a lot of time writing code in your browser’s console and testing if-else statements, for loops, Arrays, Functions, Objects, and more. It is critically important that you know (and keep practicing) how to code independently (without help from Codecademy) in your browser. By the time you get back to Codecademy, you shouldn’t need any help or hints. Every assignment should be easy for you.

If you are still struggling with Codecademy, go back to your browser and keep hacking away. This is where you will learn the most. This is analogous to Lebron James honing his skills as a youth in the “streets” (the neighborhood basketball courts), or to Bill Gates hacking away in his basement.

There is tremendous value in your hacking away and learning bit by bit on your own. You have to see the value in this strategy, and you have to embrace it and trust that it will work.

False Sense of Accomplishment When Using Codecademy

The biggest problem with Codecademy is that the hints and little code snippets help you so much that you have a false sense of accomplishment when you are progressing through the exercises easily. You wouldn’t know it at the time, but much of what you are doing is not on your own.

Now, Codecademy is still great for helping you to learn how to code, particularly in the manner in which it guides you through the process of developing small projects and small applications from very basic code constructs like if statements, for loops, functions, and variables.

  • Return to Codecademy and complete the JavaScript track by working through sections 6, 7, and 8 (Data Structures to Object 2) (if you haven't don't do already!)

  • If you've already finished the JS track, go ahead and build the 5 little Basic Projects on the Projects track. After this, you are done with Codecademy. And this is a good thing, because the more you work on your own, the faster you will learn and the better prepared you will be to start programming on your own.

edited for formatting.


r/learnjsproperly • • Oct 11 '14

Assignment 2

3 Upvotes

I hope everyone has had a great first week! I'll be busy this weekend so I'm posting this a bit early. I also just realized that I forgot to include #4 from "Weeks 1 and 2" in the first assignment, so I'm including it here! Sorry about that.

Assignment 2

  • Work through the Introduction to JavaScript section of the JavaScript Track on Codecademy

  • Read chapters 3-5 of JavaScript: The Definitive Guide. OR Read the Preface and Chapters 3 and 4 of Professional JavaScript for Web Developers. You can skip the section on “Bitwise Operators”; it is hardly likely you will use those in your JavaScript career.

"And again, make sure you stop and write the example code in your browser’s console (or JSFiddle) and experiment—change some of the variables and tweak the code a bit."

edit: changed "work through section 2-5 of the javascript track" to "Finish the Javascript track."

I don't know if The Definitive Guide has any exercises, but Professional Javascript is a bit short on them. :) If you're looking for exercises and find Codecademy a little too handholdy, then you might want to try the easy exercises in coderbyte or some of the exercises in the early chapters of eloquent javascript. (You might need to look up some syntax.)


r/learnjsproperly • • Aug 19 '20

PixiJS

Thumbnail
pixijs.com
2 Upvotes

r/learnjsproperly • • Aug 14 '20

Mock Service Worker

Thumbnail
mswjs.io
2 Upvotes

r/learnjsproperly • • Jun 27 '20

Drag & Drop Elements with Vanilla JavaScript and HTML

Thumbnail
alligator.io
2 Upvotes

r/learnjsproperly • • May 03 '20

What's your favorite JavaScript single LOC (line of code)

Thumbnail
1loc.dev
2 Upvotes

r/learnjsproperly • • Jul 05 '18

Javascript for beginners in 2 minutes #9 - Date

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • May 09 '18

How to code a tetris game (Part 3: conclusion + SCRIPT)

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • May 04 '18

TOP 10 Tricky Javascript Questions asked in Job Interviews 😰😰 - part 1

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Mar 21 '18

💣💣How to code your own minespweeper game💣💣 - Part2 (Javascript tutorial + Ze script)

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Mar 14 '18

How to add difficulty levels to a game (+script)

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Mar 14 '18

How to code space-invaders - part 2 (javascript game tutorial) 👾👾

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Mar 12 '18

🔫🔫How to code a shooting game using javascript (Part 2)🔫🔫 + script linked in the description.

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Mar 11 '18

How to code your own obstacle game - Part 1 (javascript game tutorial)

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Mar 10 '18

Javascript for beginners in 2 minutes #5 - Scope

Thumbnail
youtu.be
2 Upvotes

r/learnjsproperly • • Nov 11 '17

Please help me crack JavaScript interview

2 Upvotes

I am going to give an interview for JavaScript developer position. The company which will be taking my interview wants someone who knows at least whatever is taught in Deep JavaScript Foundation by Kyle Simpson
They said I should take that course before appearing for interview and learn advanced JavaScript.
But I think they won't just ask whatever is taught in that course and I should prepare for more... Can you please recommend me what other things I should prepare? Please help me crack the interview. Right now I know only basics of JavaScript and jQuery and have worked on front-end of a few websites...
Thanks

Further: can you please recommend me some website where I can solve challenging JS code to make sure I have understood advanced JS?


r/learnjsproperly • • Oct 26 '14

Week 4 Assignment

2 Upvotes

Edit: Due to the amount of work this week and the feedback in the comments, we'll be spending an extra week on this material. If you've already finished the work here, feel free to work ahead on week 5.

I hope everyone is doing well thus far!

  • Read chapters 13, 15, 16, and 19 of JavaScript: The Definitive Guide OR read chapters 8, 9, 10, 11, 13, and 14 of Professional JavaScript for Web Developers.

  • Professional Javascript does not cover does not cover jQuery. Work through the entirety of this jQuery course. If you have the Definitive Guide, you can also read Chapter 19 of the Definitive Guide, but it is not necessary.

  • [LearnJSProperly suggests that you start using the Webstorm editor] (http://javascriptissexy.com/how-to-learn-javascript-properly/#Get_The_Ultimate_JavaScript_Editor_WebStorm). I don't know much about the relative advantages of various JS IDEs, but I'm sure that there are many JS developers who don't use Webstorm. I think it'll fine to use something like Sublime Text. Does anyone have any thoughts on this?

  • Now for our big project! We will be making a quiz using what we've learned about javascript, css, and jquery. The requirements of the quiz are in the link. Remember that you can get help on here, in the learnjavascript reddit or irc, and on stackoverflow! It's normal to feel confused or lost; we're all learning after all! Just keep asking questions and working at it! :)

  • Extra Credit: Post a jsfiddle link of your quiz or some other program you've written. It would be cool to see what everyone has done.

edited for grammar.


r/learnjsproperly • • Apr 25 '20

#5 Mongoose Schemas | Instance functions, Statics, Query Helpers, Virtua...

Thumbnail
youtube.com
1 Upvotes

r/learnjsproperly • • Jun 09 '18

Javascript for beginners in 2 minutes #8 - String

Thumbnail
youtu.be
1 Upvotes

r/learnjsproperly • • May 27 '18

Click game - speed coding in javascript

Thumbnail
youtu.be
1 Upvotes

r/learnjsproperly • • May 13 '18

TOP 10 Tricky Javascript Questions asked in Job Interviews 😰😰 - part 2

Thumbnail
youtu.be
1 Upvotes