Skip to content

Resources added #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 25, 2023
Merged

Resources added #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 12 additions & 11 deletions CONTRIBUTING.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,26 @@
<!-- omit in toc -->

# Contributing to js-coding-challenges

First off, thanks for taking the time to contribute! ❤️

All types of contributions are encouraged and valued. See the [Table of Contents](#table-of-contents) for different ways to help and details about how this project handles them. Please make sure to read the relevant section before making your contribution. It will make it a lot easier for us maintainers and smooth out the experience for all involved. The community looks forward to your contributions. 🎉

> And if you like the project, but just don't have time to contribute, that's fine. There are other easy ways to support the project and show your appreciation, which we would also be very happy about:
>
> - Star the project
> - Tweet about it
> - Refer this project in your project's readme
> - Mention the project at local meetups and tell your friends/colleagues

<!-- omit in toc -->

## Table of Contents

- [I Have a Question](#i-have-a-question)
- [I Want To Contribute](#i-want-to-contribute)
- [Reporting Bugs](#reporting-bugs)
- [Suggesting Enhancements](#suggesting-enhancements)
- [Your First Code Contribution](#your-first-code-contribution)
- [Improving The Documentation](#improving-the-documentation)
- [Styleguides](#styleguides)
- [Commit Messages](#commit-messages)
- [Join The Project Team](#join-the-project-team)


- [Reporting Bugs](#reporting-bugs)
- [Suggesting Enhancements](#suggesting-enhancements)

## I Have a Question

Expand Down Expand Up @@ -58,11 +54,13 @@ Depending on how large the project is, you may want to outsource the questioning
## I Want To Contribute

> ### Legal Notice <!-- omit in toc -->
>
> When contributing to this project, you must agree that you have authored 100% of the content, that you have the necessary rights to the content and that the content you contribute may be provided under the project license.

### Reporting Bugs

<!-- omit in toc -->

#### Before Submitting a Bug Report

A good bug report shouldn't leave others needing to chase you up for more information. Therefore, we ask you to investigate carefully, collect information and describe the issue in detail in your report. Please complete the following steps in advance to help us fix any potential bug as fast as possible.
Expand All @@ -79,16 +77,18 @@ A good bug report shouldn't leave others needing to chase you up for more inform
- Can you reliably reproduce the issue? And can you also reproduce it with older versions?

<!-- omit in toc -->

#### How Do I Submit a Good Bug Report?

> You must never report security related issues, vulnerabilities or bugs including sensitive information to the issue tracker, or elsewhere in public. Instead sensitive bugs must be sent by email to .

<!-- You may add a PGP key to allow the messages to be sent encrypted as well. -->

We use GitHub issues to track bugs and errors. If you run into an issue with the project:

- Open an [Issue](https://github.com/ComputeNepal/js-coding-challenges/issues/new). (Since we can't be sure at this point whether it is a bug or not, we ask you not to talk about a bug yet and not to label the issue.)
- Explain the behavior you would expect and the actual behavior.
- Please provide as much context as possible and describe the *reproduction steps* that someone else can follow to recreate the issue on their own. This usually includes your code. For good bug reports you should isolate the problem and create a reduced test case.
- Please provide as much context as possible and describe the _reproduction steps_ that someone else can follow to recreate the issue on their own. This usually includes your code. For good bug reports you should isolate the problem and create a reduced test case.
- Provide the information you collected in the previous section.

Once it's filed:
Expand All @@ -99,12 +99,12 @@ Once it's filed:

<!-- You might want to create an issue template for bugs and errors that can be used as a guide and that defines the structure of the information to be included. If you do so, reference it here in the description. -->


### Suggesting Enhancements

This section guides you through submitting an enhancement suggestion for js-coding-challenges, **including completely new features and minor improvements to existing functionality**. Following these guidelines will help maintainers and the community to understand your suggestion and find related suggestions.

<!-- omit in toc -->

#### Before Submitting an Enhancement

- Make sure that you are using the latest version.
Expand All @@ -113,6 +113,7 @@ This section guides you through submitting an enhancement suggestion for js-codi
- Find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. Keep in mind that we want features that will be useful to the majority of our users and not just a small subset. If you're just targeting a minority of users, consider writing an add-on/plugin library.

<!-- omit in toc -->

#### How Do I Submit a Good Enhancement Suggestion?

Enhancement suggestions are tracked as [GitHub issues](https://github.com/ComputeNepal/js-coding-challenges/issues).
Expand Down
30 changes: 30 additions & 0 deletions Resources/Resources.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Top Resources for Learning JavaScript:

## Videos:

- [JavaScript Crash Course for Beginners by Traversy Media ](https://www.youtube.com/watch?v=hdI2bqOjy3c)
- [JavaScript: Understanding the Weird Parts by Udemy](https://www.udemy.com/course/understand-javascript/) **PAID**
- [JavaScript Full Course for Beginners By Dave gray](https://youtu.be/EfAl9bwzVZk)
- [JavaScript Full Course for Beginners By BroCode](https://youtu.be/8dWL3wF_OMw)

## Interactive Games:

- [CodeCombat](https://codecombat.com/)
- [CodeWars](https://www.codewars.com/)
- [Untrusted](https://alexnisnevich.github.io/untrusted/)
- [Screeps](https://screeps.com/)

## Websites

- [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [Codecademy](https://www.codecademy.com/learn/introduction-to-javascript)
- [freeCodeCamp](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)
- [JavaScript.info](https://javascript.info/)

## Books, Blogs and Podcast

- [CSS-Tricks](https://css-tricks.com/)
- [JavaScript Jabber podcast](https://devchat.tv/js-jabber/)
- [Eloquent JavaScript by Marijn Haverbeke ](https://eloquentjavascript.net/)
- [JavaScript: The Good Parts by Douglas Crockford ](https://cdn.tc-library.org/Rhizr/Files/daaz74mzphKfnHsen/files/JavaScript-%20The%20Good%20Parts.pdf)
- [You Don't Know JS" series by Kyle Simpson](https://github.com/getify/You-Dont-Know-JS)
50 changes: 50 additions & 0 deletions Resources/Roadmap.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
# Getting Started with JavaScript

If you are a beginner looking to learn JavaScript, this guide is for you. While it may not ensure instant mastery, it will provide you with a roadmap to progress systematically. With dedication and effort, you can achieve success in your JavaScript learning journey. However, you will need to personalize your schedule and timings based on your individual needs and availability.

## Here's a detailed schedule for learning JavaScript:

### Weeks 1-2: Introduction to JavaScript Basics

- Learn about the syntax, variables, data types, operators, and basic control flow (if statements, loops) in JavaScript.
- Complete online tutorials and coding exercises to practice - writing simple JavaScript programs.
- Build small projects, such as a calculator or a simple interactive webpage, to apply the concepts learned.

### Weeks 3-4: Deep Dive into JavaScript Fundamentals

- Study more advanced topics like functions, arrays, objects, and string manipulation in JavaScript.
- Learn about concepts like scope, hoisting, and closures in JavaScript.
- Practice using built-in JavaScript methods and functions to manipulate data and perform common programming tasks.
- Complete coding exercises and small projects that involve working with functions, arrays, and objects.

### Weeks 5-6: Asynchronous Programming and DOM Manipulation

- Learn about asynchronous programming in JavaScript using concepts like callbacks, promises, and async/await.
- Study the Document Object Model (DOM) and learn how to manipulate web page elements using JavaScript.
- Practice building interactive web pages by adding event listeners, handling form submissions, and manipulating the DOM.
- Build small projects that involve asynchronous programming and DOM manipulation, such as a weather app or a simple interactive form.

### Weeks 7-10: Advanced JavaScript Concepts and Project Work

- Study more advanced JavaScript concepts such as ES6+ features, error handling, and performance optimization.
- Learn about JavaScript modules, classes, and prototypes.
- Dive into more specialized topics like regular expressions, closures, and advanced DOM manipulation.
- Work on larger projects to apply the concepts learned, such as a todo list app, a simple game, or a web-based calculator.
- Collaborate with other developers, participate in coding challenges, and practice debugging and troubleshooting JavaScript code.

### Weeks 11-12: JavaScript Frameworks and Libraries

- Explore popular JavaScript frameworks and libraries such as React, Angular, or Vue.
- Learn the basics of using a framework or library, including components, state management, and routing.
- Build a small project using a JavaScript framework or library to gain hands-on experience.
- Review and reinforce your knowledge of JavaScript concepts by working with real-world projects and solving practical problems.

### Beyond Week 12: Continuous Learning and Real-World Application

- JavaScript is a constantly evolving language, so continue to stay updated with the latest developments, best practices, and tools in the JavaScript ecosystem.
- Keep practicing and applying JavaScript concepts by working on real-world projects, contributing to open-source projects, and participating in coding communities and forums.
- Explore other areas of JavaScript, such as server-side programming with Node.js, mobile app development with React Native, or data visualization with D3.js, based on your interests and career goals.

## Conclusion

Don't feel overwhelmed by this schedule; remember that learning takes time. Just be consistent and you will achieve your goals. Avoid falling into the trap of tutorial hell, instead, apply what you're learning and keep moving forward towards your destination.