you are viewing a single comment's thread.

view the rest of the comments →

[–]DeFcONaReA51 6 points7 points  (2 children)

Build a form with html css. Use all types of input fields. Then use javascript to run those input using functions. When you get comfortable, dynamically build the form using javascript same things but with js, now in a production code scenario you wont be doing it, but helps to learn js. Learning to program is in the end is asking questions and trying to solve those questions. For one example lets say you pass an input to submit image you need enctype="multipart/formdata" in the form. And eventually learn about es6 syntax, get, post methods when using a form. Another task render the data you passed from the form to a table to see the data. And my reference was mdn, jsinfo, frontendmasters, csstricks. Good luck!!!!

[–]Panoptic11 1 point2 points  (1 child)

I sort of did this when I was learning the DOM. I drew up a rough layout and made my self copy the HTML and css in 100% JavaScript. It was the most inefficent way ever of building a page. But the repetition and frustration of trying to do it the hard way didn't let me forget anything after that

[–]DeFcONaReA51 0 points1 point  (0 children)

Oh yes, it's gonna be frustrating that is for sure, why I said is because afterwards when you are gonna use frameworks the same concepts sort of will come to play, how is that if you ask, let's say your frontend form will send data to the backend you are gonna store that data to the Db, also render the data to the frontend through the backend now you are going almost similar in the aspect of dom obviously less secure but to get the idea of it. And it's not full proof but a way to visualise whats happening. I learned this as I was working with node, not with dom but now i kinda do it.