What can I do with the Debugger for Chrome?

Marios T. — Fri, 14 Aug 2020 07:51:25 +0000

Hello.
I have started using Gatsby and developing my own websites in it,
and so far I have been developing web apps with Live Servers, auto refresh with autosave on with Visual Studio Code and I am fixing issues/bugs/code just like that.
If I make a mistake I just read the Errors in Console.Log/Browser and fix them myself.

I have never used a debugger and I don't know how it would help me.

What is the Debugger, what it does?

And how do I configure Visual Studio Code, Gatsby and Chrome for the debugger?

How do I change the state of sibling items on button press?

Marios T. — Thu, 02 Apr 2020 12:13:01 +0000

Hello.

I'm trying to inverse the status of each button text.

Here's what I'm trying to do:

https://codesandbox.io/s/mystifying-sanderson-h3g43

By default "red" is on and the others are "off".

I want when I press on "green" red and blue to be off.

I don't know how to do this in both JS and React.

Thanks.

Questions about Full Stack JS

Marios T. — Wed, 30 Oct 2019 17:47:20 +0000

I'm fairly new to the world of Node.js and I have some questions because I am greatly confused.

I did a project via Online Courses in Udemy
https://yelpcamp-web-coders.herokuapp.com

What got me confused, is that I read blog posts, did several google searches, and I found billions of courses, books, blog posts, technologies and this is where I am really greatly confused and I need to sort them on my head.

The only solution for me right is to create something on my own without any other courses, I got tired.

Doing courses and homework is easy, for example: write a sort function, make some classes or objects, sort by age, create some event listeners and so on. But what happens when you want to make a Full Stack Web App? And that's exactly where I'm stuck.

In the above project which was created in May, that project used Javascript 5 but that's ok. I learned a little bit of Node.js, npm, view engines and somehow managed to do it.

For starting I would like to create my own blog as full stack app

I know I can create a blog with Static HTML/CSS/Javascript and some JSON files but I want to do something more complex like for example when I or the user visits the following URL:

/blog/posts // Select only the Title and a Short Description from the Table Posts
/blog/posts/post_id // Select all from the selected title

My goal is to use 2 tables, the 1st will contain only id, post_title, and the 2nd will contain the post, date_created, primary_id, foreign_key (id from the 1st table) and will make them appear on my browser will relationships and I will also add comments from users via a different table. I'm sure with this I will be able to learn the basics for real.

Now, these are my problems:
1) Is node.js good for MySQL or PostgreSQL?

2) Which Template Engine should I use? I searched and I found many people mention Handlebars, pug, ejs.

As I mentioned I want to be able to pull data from a database and make it appear to the user. What is the best to be used with FrontEnd, I want for example something like:

titleposts

Where title and posts will get them from the Database, also I would like to learn Angular and ReactJS in the future,
How can I render my webpages with ReactJS or Angular, do I have to use a template engine like ejs and combine ejs with React or is there any different way?

3) Should I learn webpack? I read webpack's description if I understand correctly if for example, I have billions of CSS and JS files, webpack combine all of them and serve only 1 CSS and 1 JS file to the end user, is that correct?

4) Should I learn Docker?
I have 3 PCs, A desktop with Windows, A laptop with Ubuntu and a VPS with Ubuntu Server, if I have understood correctly, with Docker you create a container, throw your app, nginx, MySQL server and with a command, you are done.

I know how to create services, install apps on Linux and I think it might be a lifesaver if I want to change VPS and for testing purposes to all of my machines (I think so)

Thanks a lot.

DEV Community: Marios T.

What can I do with the Debugger for Chrome?

How do I change the state of sibling items on button press?

Questions about Full Stack JS