Week 2 - Enter Web Dev

[farzaa]

So as you may have seen, the React learning curve is pretty steep especially if you haven't really done a ton of web before.

This week I'd like you to get your feet wet in some basic web stuff where you'll spin up a node server and connect it to firebase. This is actually pretty darn simple now a days, but its all about understanding how its working. I think this will also guide you along the proper path with React Native.

I'd like you to start messing with firebase and playing more with Javascript. Theres actually a JavaScript SDK. Remember, I'm always around for help. I may have not worked with Firebase specifically, but I've worked with NoSQL databases manually which is arguably harder! So, I'll be here to help you figure stuff out.

So for firebase, I'd like you to just start a simple node server not connected to express.js or anything. No need to complicate things. You can check out how to do that here. Basically, you're going to start a node server and write some basic Javascript code. To run Javacsript from the command line, you'll need to start a node server and run the code on there. But this is easy, as you'll see from the tutorial. And you've made Discord bots so this shouldn't be to bad at all!

• Start node.js "Hello World"

• Connect firebase.

• Throw some dummy data in firebase manually from the web. For example, put your Summoner Name in the DB.

• Retrieve your summoner name by calling the proper firebase functions from your node file and actually print it out in the console. Throw some screen shots of everything like your command line and firebase once you do that.

• Once you do all that, I want you to start a new folder, and create an express.js "Hello World" app in it.

• In this "Hello World" app, I'd first like you to understand how all the "routing" is working. This is what express.js specializes in and its a really important concept throughout web!

• Instead of Hello World, send an HTML page to the user that displays your favorite champ. Put a screen shot of that here once you do that.

• Finally, connect firebase to your express.js app and send the data from your backend to the frontend (your web page) and have it display the contents of the database.

[BaruYogesh]

technically not the console but same concept of having data in DB and displaying it somewhere else (Taric main btw).