Before reading the resources and doing assignments shared here make sure you have completed the other resources on
Git
,Github
,HTML
, andCSS
This consists of small exercises and assignments to prove the understanding of one in a particular topic
All the projects should be hosted on github and done using an online text editor like codesandbox.io
Important links to read first from time to time
- Learning to code https://medium.com/swlh/learning-to-code-45f7e1657c1e
- Naming https://dmitripavlutin.com/coding-like-shakespeare-practical-function-naming-conventions/
- Lazy https://exceptionnotfound.net/be-the-laziest-programmer-you-can-be/
- Functions https://zellwk.com/blog/js-functions/
- Front-end developer handbook https://frontendmasters.com/books/front-end-handbook/2019/#1 (Very important)
- List of Hand picked Javascript reading materials https://github.com/twhite96/js-dev-reads/blob/master/README.md
General Resources
These are resources that will help you find most things you will need to learn about Javascript
Note: Please note that the resources may be bulky and too much for you, but you are encouraged to read as much and practice a lot.
- Mozilla developer guide on Javascript
- W3schools Javascript written tutorial
- W3schools Javascript references
In this section, read and understand the basics of programming, we will be using
Javascript
and this knowledge will help you learn other programming languages as well. Always refer to the links shared above Unless it is mentioned all the assignments in this section should be solved using the console.log
Phase 1
Phase 1 assignment can be found here https://github.com/BongoHive/js-phase-1
- Variables
- Different data types in Javascript
Phase 2
Phase 2 assignment can be found here https://github.com/BongoHive/js-phase-2
- Functions and basic problem solving
- Conditions (Control Flow)
Phase 3
Phase 3 assignment can be found here https://github.com/BongoHive/js-phase-3
- Logic
- Loops
Phase 4
Assignment for this phase can be found here https://github.com/BongoHive/js-phase-4
- Objects
- Classes
You should read and be comfortable working with the following
- ES6
- React
- Understand how react works https://reactjs.org/docs/reconciliation.html
- Introduction to React tutorial https://reactjs.org/tutorial/tutorial.html
- Understand Components and Props https://reactjs.org/docs/components-and-props.html
- State and Lifecycle https://reactjs.org/docs/state-and-lifecycle.html
- Handling events https://reactjs.org/docs/handling-events.html
- Freecodecamp free course on react https://learn.freecodecamp.org/front-end-libraries/react/ (Very important)
- Other important articles to read on https://reactjs.org/community/articles.html
You can also check this free reacthandbook
Phase 5
Assignment for this phase can be found here https://github.com/BongoHive/react-1
You will create a very simple page that contains your information, check more info on the link above
Phase 6
Assignment for this phase can be found here https://github.com/BongoHive/react-2
Building on the react knowledge, you will build a to-do app, check more info in the link above.
Phase 7
Assignment for this phase can be found here https://github.com/BongoHive/rn-todo
- Learn basics of react-native https://facebook.github.io/react-native/docs/tutorial
- ListViews in react native https://facebook.github.io/react-native/docs/using-a-listview
Building on the react knowledge, you will build a to-do app but you will use react-native this time,
check more info in the link above.