r/jstogether • • Aug 05 '15

Resource megathread

22 Upvotes

Howdy all,

This is a thread to keep track of important resources for various JS concepts:


Core Javascript :

Videos

Basic JS with Jesse Warden:

https://www.youtube.com/watch?v=QSCfaTsCDrs&list=PLZEZPz6HkCZn0R-SJf5WzEDljMvqUAuFW

What the heck is the event loop anyways?:

https://www.youtube.com/watch?v=8aGhZQkoFbQ

Everything you want to know about Prototypal Inheritance:

https://www.youtube.com/watch?v=Yvf_kUBZmXg

Design Patterns (Playlist):

https://www.youtube.com/watch?v=YBuvK-QDC-U&list=PLeL6uTxQ-uX8vR_QrQpgurSeom8K9wolV

Sites

How to learn javascript properly


Node:

Videos

Intro to nodeJS with Ryan Dahl:

https://www.youtube.com/watch?v=jo_B4LTHi3I

Sites

Learn all the nodes

Node tuts

The Art of Node

Nodeschool

Code School Node JS **Paid..But definitely worth it

Beginner Express (written by a member)


Git:

Videos

GitHub for beginners:

https://www.youtube.com/watch?v=0fKg7e37bQE

Sites

ProGit


Heroku:

Videos

NodeJs and heroku:

https://www.youtube.com/watch?v=uLF_hmtxAsY&list=PLlEe1NIIwdlmfldRWvjf3s6Z9wVlYGKAN&index=26

Sites

Getting started:

https://devcenter.heroku.com/articles/getting-started-with-nodejs#introduction

https://github.com/heroku/node-js-getting-started


Have a suggestion? Leave it in the comments below!


r/jstogether • • Aug 25 '15

Using Meteor as a learning environment

12 Upvotes

Since we're all trying to learn and improve our javascript abilities, I just thought it would be good to mention Meteor as a possible learning environment.

https://www.meteor.com/

Some people are using jsfiddle, or just using html files running through their browser. Thats fine and all, but if you want to try dabbling in some back-end and database stuff, you can try Meteor as a gentle introduction.

Meteor is a full-stack framework meaning it does front-end, back-end and database all in one package. You download it, install it, run your terminal or command prompt, go to a directory you want to work from and type 'meteor' to start your own local webserver. Then in your browser go to http://localhost:3000 and you'll find a fully functioning full-stack web application with a database ready to go.

The command-line is also easy to use as it tells you what you have to do next to make things happen. It also has a command-line based package management tool for downloading and installing modules and libraries, which is good because there are a ton of command line based tools that you'll have to learn if you want to make progress with web development.

Being a framework means it does have its own quirky ways of doing things, however frameworks are the way things are done these days, so it won't do you any harm to get used to frameworks, since understanding concepts like routing will transfer across to many other popular frameworks. But you can also set it up and just use the environment to learn normal baseline Javascript or jQuery, while also getting to play with a backend and database.

Also one of the nice things about it is that it monitors for file changes while its running and auto-refreshes your browser if you save changes to a file. So you can see html/css/js update as you save the file without having to manually refresh. So if you've been using jsfiddle or similar services for the instant-refresh feature instead of getting to grips with a decent IDE like Sublime Text or atom.io, I'd recommend switching and using a text editor with better features.

And finally you can easily publish your app if you want to show it to people by typing "$ meteor deploy <yourAppName>.meteor.com" into the command prompt, provided <yourAppName> isn't already taken your app will be set up and run at that address. You can also deploy your app to run on any node.js server too

Anyway, just a suggestion. I thought it'd be a good learning environment for people who felt daunted by the prospect of setting up a node.js webserver and a database. Meteor is a lot easier to get started with imo.


r/jstogether • • Aug 19 '15

Project 2 - Vote app

12 Upvotes

Group Project - Vote App

The goal of this project is to become accustomed to working with another developer. To succeed you will need to expand your knowledge of git and its workflows and learn to communicate your designs, intentions, and implementations to another person. As before the project will allow for experimentation for those more experienced with development.

To complete this project you need only finish the requirements in the base paragraph. The project will last two weeks and we will post our final results by September 2nd.

If you are feeling frustrated and need some help hop into chat and we can lend a hand. Everything is going to feel like black magic right up to the point that it doesn't.

Don't give up.


Pairing

We highly encourage pairing for this project. We are currently working on tools to help with pairing up, but until then we have formed a channel called "lookingforgroup" in Slack, check it out if you are looking for a partner. We will also be posting a thread on here for pairing. Be intentional and seek someone out, it will be worth it for the experience.

Some things to consider when choosing a partner:

  • Time differences: Make sure you are going to be able to be online at the same time at least once or twice a week.

  • Experience Level: You will want someone who is somewhat close to your level of experience. Too big a gap can cause communication frustrations.

  • Interests: Try and find someone who shares interests in experimenting with the same frameworks, techniques, and patterns that you do.

Here are some useful tools for working together:

Trello: A Project Management Tool

Hangouts: For screensharing and voice com

Cloud 9: For shared workspace


Project

Base: You must build an application that allows the user to:

  • Vote on polls

  • View poll results

  • Create new polls

This project source must be hosted on github. From your github readme you should link to wherever you have the site live (github pages or Heroku).

This project is easily extended, some suggestions:

  • Persistence (storing it on a server)

  • Users

  • Poll deletion

  • IP validation

  • Social Media Sharing


Current Groups:

arreche | tyrantwarship

chesham | forscale

jer | nate

peeanut | xapax | danieljoonlee

daniel | iamhating

thru_astraw | offtopictoomuch

roselpadilla | kassuro

rangicus | scott

rockinrobin714 | xchelm

pkn | hankhank


Post below if you are committing yourself to this project.

Best of luck. And remember HAVE FUN!


r/jstogether • • Aug 15 '15

We should try and build a somewhat bigger project together as a group.

12 Upvotes

Hey guys, I just joined this sub and I think it would be great if we can get the experience of building something bigger. I am sure people have thought about some major projects. Lets hear them :)


r/jstogether • • Aug 04 '15

Project 0 - Quiz App

12 Upvotes

Solo Project One [Quiz App]

The goal of this project is to become accustomed to the tools we will be using going forward while also getting experience with building a simple web application. The project should also has plenty of opportunities for experimentation for those who are more experienced with web development.

The complete this project you need only finish the requirements in the base paragraph. The project will last two weeks and we will post our final results by August 18th.

If you are feeling frustrated and need some help hop into chat and we can lend a hand. Everything is going to feel like black magic right up to the point that it doesn't.

Don't give up.


Base: You must build a quiz application that tallies a users answers and provides a score at the end to the user. This application code must be visible on github and hosted on Heroku or GitHub pages.

There are many ways to extend this project further. Here are a few:

-Users

-Multiple Quizes

-Pagination

-Animation

-Client side validation

-Testing

-Exporting Users/Quiz data persistence to a backend through REST


Links:

Learn git/github:

https://help.github.com/articles/good-resources-for-learning-git-and-github/

Use github pages hosting (requires 0 backend experience):

https://pages.github.com/

Learn Heroku (some node/express knowledge required):

https://devcenter.heroku.com/start


Post below if you will be doing this project. And don't forget...

Have fun!:)


r/jstogether • • Aug 03 '15

Check in - Welcome to js together

12 Upvotes

Howdy all and welcome.

My plan going forward is to have a group for a range of people with between 0-2 years of experience with javascript to learn how to develop or develop better. Introduce yourself here and tell us what your current level of experience is and if there is something specific you are interested in learning and working on.

I currently am a few months in to working professionally as a js developer with the MEAN stack so I'll be around to nudge everyone in the right direction (and highly welcome nudging back, I am no expert).

Some of the things I also think might be useful to cover is how to use certain remote tools such as Github, Slack, and Trello to enhance your development workflow in a team setting.

I plan on starting to fill up the sidebar with some information sometime tonight.

Hop into our channel at https://gitter.im/jephillips/jstogether to talk about the group and chat


r/jstogether • • Sep 04 '15

Looking to join? Introduce yourself here!

10 Upvotes

We might have some new folks trickling in. Here is a place to introduce yourself. Tell us about your background, experience, favorite R&B singer and whatnot.


Also, join us on Slack. Getting involved in chat is the best way to get motivated:

Slack signup:

https://jstogetherslack.herokuapp.com/

Slack group:

https://jstogetherteam.slack.com


r/jstogether • • Aug 18 '15

Project 0/1 - Final Submissions

10 Upvotes

Howdy all,

Well we have reached the end of the first project. Thanks for everyone who has joined in on slack and helped out. If you have made a project and I haven't added it yet, make sure to let me know in a PM or by posting below.

If you want a critique of your work make sure to post below as well.

Also a suggestion: Post a link to your demo pages in your readme for easy access.


User Repos:

Mr-Fu : https://github.com/jephillips/lilquizzer

sqrtnegative1: https://github.com/alexmcmillan/jstogether-0

Kasuro: https://github.com/kassuro/webQuizApp

avinoc/maplemonogomy: https://github.com/patrick-motard/Virgo

forScale: https://github.com/ForScale/Quiz-Application

allen: https://github.com/realistic-hologram/quiz

roselpadilla: https://github.com/RoselPadilla/JSTogether-Project-0

vogeltak: https://github.com/Vogeltak/jstogether-p0

peanutt: https://github.com/SimonJang/Project-1-Quiz

civeng12: https://github.com/jchatkinson/jstogether-quizzer

nestheroin: https://github.com/nestheroin/nestheroin.github.io

unholyarmy: https://github.com/Unholyarmyof1/Problem_1_Quiz

robinwebdev: https://github.com/rockinrobin714/Quiz1

QQJacobsen: https://github.com/mingtaiha/jstogether/tree/master/Project_0

meeyore: http://scottnm.github.io/Yasogami-Quiz/

mochacat: https://github.com/mochacat/art_quiz

xhernandex: https://github.com/xchelm/JSTogether

xapax: https://github.com/xapax/quizny || https://github.com/xapax/quiz2

nate: https://github.com/beebopbrown/quiz-application

coolshanth: https://github.com/prashcr/firequiz

fumadito: https://github.com/M-Picco/Project-0

daniel_: https://github.com/daniellizik/jstogether-0

tyrantwarship: https://github.com/tyrantwarship/JSTogether-Project1

rangemuldee: https://github.com/rangicus/jstogether-quiz-app

fAUXeCKE: https://github.com/SamuelBristol/QuizApp


Keep posted for more information about project two. Voting for the theme will continue until the end of Tuesday (CST)


r/jstogether • • Aug 14 '15

Just joining? Introduce yourself here!

9 Upvotes

We might have some new folks trickling in. Here is a place to introduce yourself. Tell us about your background, experience, favorite seafood dish and whatnot.


Also, join us on Slack. Getting involved in chat is the best way to get motivated:

Slack signup:

https://jstogetherslack.herokuapp.com/

Slack group:

https://jstogetherteam.slack.com


r/jstogether • • Aug 13 '15

Week 2 Check up - Project 1

8 Upvotes

Hey everybody!

5 days until Project 1 is due, how is everybody doing? Its been great seeing the progress from those of you posting in gitter, but I wanted there to be a chance for those not in chat to share where they are in the process. And also to have a place to get feedback before the final posting.

If you have not started yet, don't be afraid to do so. There is still more than enough time to complete the project before next Tuesday.

Project 1 original post: https://www.reddit.com/r/jstogether/comments/3fr1ai/project_0_quiz_app/

edit: I realize I called these two different numbers. These are the same project.


In other news, we will be moving to Slack soon (a highly improved version of gitter). PM me your email on gitter or reddit and I will get you an invite.

edit: I'm lazy... sign up here instead https://jstogetherslack.herokuapp.com/


User Repos:

Mr-Fu (josh): https://github.com/jephillips/lilquizzer

sqrtnegative1: https://github.com/alexmcmillan/jstogether-0

Kasuro: https://github.com/kassuro/webQuizApp

forScale: https://github.com/ForScale/Quiz-Application

allen: https://github.com/realistic-hologram/quiz

roselpadilla: https://github.com/RoselPadilla/JSTogether-Project-0

vogeltak: https://github.com/Vogeltak/jstogether-p0

peanutt: https://github.com/SimonJang/Project-1-Quiz

civeng12: https://github.com/jchatkinson/jstogether-quizzer

nestheroin: https://github.com/nestheroin/nestheroin.github.io

unholyarmy: https://github.com/Unholyarmyof1/Problem_1_Quiz

robinwebdev: https://github.com/rockinrobin714/Quiz1

Post a link below to be added to the repo list!


r/jstogether • • Aug 04 '15

Initial project ideas

8 Upvotes

Hey all,

We are trying to come up with some ideas for initial projects. Ideally I think the best first step would be to do one or more projects that we work on individually and compare along the way. This will also give us a chance to get used to workflows using git/github (so we can share our code) and potentially hosting through something like Heroku (so we can demo to one another).

What are you ideas for a first project? The defaults would be either a simple chat application or a to-do app, if that sounds fine then chime in. If not, then offer a suggestion :)


r/jstogether • • Aug 18 '15

Project 0/1 - Helpful Video Tutorial

6 Upvotes

I have a small amount of JS experience and I was stuck on Project 0/1 (my forehead still has keyboard imprints). I searched for a helpful tutorial and came across this video. Exam Application Programming Tutorial JS I highly recommend for anyone with no idea how to start. It gives great explantations, and you complete the project.

I learned what += does when you're adding .innerhtml(''). I'll be adding that to my playbook.


r/jstogether • • Aug 16 '15

Beginner Express tutorial that i wrote

Thumbnail allen.silvrback.com
6 Upvotes

r/jstogether • • Sep 03 '15

Project 3 - ToDo App

5 Upvotes

Group Project - ToDo App

The goal of this project is to become accustomed to working on a small team. To succeed you will need to expand your knowledge of git and its workflows and learn to communicate your designs, intentions, and implementations to another person. As before the project will allow for experimentation for those more experienced with development.

To complete this project you need only finish the requirements in the base paragraph. The project will last two weeks and we will post our final results by September 17th.

If you are feeling frustrated and need some help hop into chat and we can lend a hand. Everything is going to feel like black magic right up to the point that it doesn't.

Don't give up.


Teaming

We highly encourage forming a small group of 3-4 developers for this project. We are currently working on tools to help with grouping up, but until then we have formed a channel called "lookingforgroup" in Slack, check it out if you are looking for a group. Be intentional and seek out a group, it will be worth it for the experience.

Due to the group setting in this project, it is highly suggested that you get a consensus with your team on things such as code style, project design, and dev toolkits before starting the actual coding portion of the project. I would also highly recommend creating a simple wireframe for your group to reference as you progress.

Don't surprise your team-mates, communicate first.

Some things to consider when forming a team:

  • Time differences: Make sure you are going to be able to be online at the same time at least once or twice a week.

  • Experience Level: You will want a group that is somewhat close to your level of experience. Too big a gap can cause communication frustrations.

  • Interests: Try and a group who shares interests in experimenting with the same frameworks, techniques, and patterns that you do.

Here are some useful tools for working together:

Trello: A Project Management Tool

Hangouts: For screensharing and voice com

Cloud 9: For shared workspace

ScreenHero: For sharing screen control


Project

Base: You must build an application that allows the user to:

  • Create Tasks

  • Read Tasks

  • Update Tasks

  • Delete Tasks

This project source must be hosted on github. From your github readme you should link to wherever you have the site live (github pages or Heroku).

This project is easily extended, some suggestions:

  • Persistence (storing it on a server)

  • Users

  • CSS animations

  • Task tagging system

  • Deadlines


Post below if you are committing yourself to this project.

Best of luck. And remember HAVE FUN!


r/jstogether • • Sep 02 '15

Final Submissions - Project 2

5 Upvotes

Howdy all,

Well we have reached the end of the first project. Thanks for everyone who has joined in on slack and helped out. If you have made a project and I haven't added it yet, make sure to let me know in a PM or by posting below.

If you want a critique of your work make sure to post below as well. Don't forget to post a link to your demo pages in your readme for easy access.


Submissions:

casioo: https://github.com/CasiOo/CasiOo.github.io

peanut | xapax | danieljoonlee : https://github.com/xapax/Voting

mrfu | jer : https://github.com/jephillips/lilvoter

tyrantwarship | arreche : http://arreche.github.io/vote-react

pkn | hankhank : https://github.com/pknelakuditi/PollApp

thruastraw | offtopictoomuch : https://github.com/mochacat/voter_poll


Our next project will be a to-do application. The project should be posted up tomorrow.


r/jstogether • • Aug 30 '15

Check up - Project 2

5 Upvotes

Hey everybody!

5 days until Project 1 is due, how is everybody doing? We are going to start collecting links to the projects repos here. Let us know about your experience so far here.

If you have not started yet, don't be afraid to do so. There is still more than enough time to complete the project before next Wednesday.

Project 2 original post: https://www.reddit.com/r/jstogether/comments/3hlb8w/project_2_vote_app/


User repos:

casioo: https://github.com/CasiOo/CasiOo.github.io

peanut | xapax | danieljoonlee : https://github.com/xapax/Voting

mrfu | jer : https://github.com/jephillips/lilvoter

tyrantwarship | arreche : http://arreche.github.io/vote-react


r/jstogether • • Aug 16 '15

Click here to vote on the next project theme [Closes Tuesday]

Thumbnail
strawpoll.me
5 Upvotes

r/jstogether • • Aug 15 '15

Weekend Project: Group Tools

5 Upvotes

Hey all,

For those who are just joining, looking to get involved, and are interested in group projects, here is an opportunity. I am going to be attempting to develop some tools over the weekend to help support jstogether and would love some extra hands in the process.

The two big functions I want to support are:

  • Voting on project ideas

  • Grouping people up for project two

If you want to join me, I would love the help. My handle is @josh on slack. Feel free to message me there or post below if interested.


Update:

Channel is up for the project, join #jstogethertools on slack and the trello board at https://trello.com/b/Ne1jzPjd/jstogethertools


r/jstogether • • Aug 04 '15

Working Together: Schedules/Time-Zones

5 Upvotes

I think it would make this experience for all of us a lot smoother if we gathered everyone's schedules, availability and time-zones.

Since we will be working together on group projects and collaborating frequently, it would help if we work with each other's schedules and if some of us are in the same time-zone even better! Also, depending on your level of determination/passion (which I'm sure is high, since you're here.), please feel free to add a goal to let each other know the direction you want to head in. Let's all help each other move forward!

Please, post your schedules/availability/time-zones/experience here!

I will add mine to this post:

  • Time-zone: PDT California, USA

  • Schedule/Availability: Work part-time at Starbucks, work schedule varies. But I am available for most of the morning through afternoons in my time-zone. 8:30/9AM PDT - 5PM PDT

  • Goal: To become a front end web developer and work at a design/development firm in said position.

  • Experience: Little to none. Just started learning JavaScript last month, coming from a background in Graphic Design.


r/jstogether • • Jun 13 '18

Easy tutorial: animated fractal in only 32 lines of pure JS

Thumbnail
slicker.me
4 Upvotes

r/jstogether • • Jan 29 '18

How to code Whac-a-mole (javascript game tutorial)

Thumbnail
youtu.be
4 Upvotes

r/jstogether • • Feb 24 '17

The Spectrum of a Modern Front-End Developer

Thumbnail
joaoperibeiro.com
4 Upvotes

r/jstogether • • Jul 12 '16

Frontend development & Javascript.

4 Upvotes

It's Kinda Like CNN for Web Developers - A new free website that will keep you update-to-date with the latest learning resources on web development.


r/jstogether • • Jun 07 '16

Fractals - tutorial (only 25 lines of code)

Thumbnail
slicker.me
4 Upvotes

r/jstogether • • Jan 28 '16

Looking for a full-time learning partner to learn Angular,Node,Github fast.

4 Upvotes

Hey there. I am currently in between jobs and have always been a UX developer (html/css/scss/wordpress), however, the VAST majority of jobs Im finding are javascript heavy. I have a few months of savings and I'm looking to use the time to become proficient in JS (angular,node,Github,NPM,bower,etc.). I will be at this 8 hours a day and would like someone as dedicated as me to go at it together (will use Skype unless by some miracle you're in Dallas).

I'm looking for anyone enthusiastic, preferably english as first language, and motivated. No quitters!

The idea is to build a small portfolio of projects on codepen and github and then make sure that we can answer all of the questions listed here with confidence: https://www.reddit.com/r/webdev/comments/3f7q3q/been_interviewing_with_a_lot_of_tech_startups_as/

Why am I looking to do this with someone else you may ask?

  1. Its more enjoyable

  2. It keeps you motivated

  3. You can bounce questions/findings off of each other

So yes, if you're interested please let me know! Thanks errboday

Edit: if multiple people want to be involved thats fine too!