Node JS Tutorial for Beginners #29 - Query Strings

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage...

========== JavaScript for Beginners Playlist ==========

============ CSS for Beginners Playlist =============

============== The Net Ninja =====================

================== Social Links ==================

[briantoon]

form{width: 400px; max-width: 100%; padding: 20px; margin: 20px auto;}
input{display: block; margin: 10px 0; padding: 10px; width: 100%;}
input[type='submit']{width: auto;}

[Mona-g]

Please, please, please don't stop making such videos. You are the best teacher in the world!!

[pasizdobrekuce]

Plain HTML form:


<form id="contact-form">
<label for="who">Who do you want to contact?</label>
<input type="text" name="who">
<label for="department">Which department?</label>
<input type="text" name="department">
<label for="email">Your email:</label>
<input type="email" name="email">
<input type="submit" value="submit">
</form>

[rainmansyc]

<form id="contact-form>
<label for="who">Who do you want to contact?</label>
<input type="text" name="who" value="<%= queryString.person%>">
<br>
<label for="department">Which department?</label>
<input type="text" name="department" value="<%= queryString.dept%>">
<br>
<label for="email">Your email:</label>
<input type="email" name="email">
<br>
<input type="submit" value="submit">
</form>

[khinethein]

To be honest, I am a starter of learning Node Js and I really do not understand the Node JS stuffs if I do not watch your videos. The way you taught in the videos are really simple to understand for the starter and it is really amazing. Thank you for making these videos and hope not to stop making as you are really good at explaining.

[stevenbailey]

Never usually comment on videos but found this one really helpful so thought I'd say thanks! You've made this so simple to understand and it's given me a eurika moment as I have been stuck on this for days!

Thanks very much, I will be watching all of your other videos.

[dzagIT]

CSS for form:
#contact-form{
display: grid;
padding: 5% 30%;
}
#contact-form label, #contact-form input{
padding: 10px;
}
#contact-form input[value=submit]{
margin-top: 20px;
max-width: 100px;
}

[snekky]

Just commenting on a recent video so you could see it.

Thanks for the tutorials!They're very excellent and keep up the good work!Very nice tutorials for beginners;)

[MyFranJu]

Thank you very much for the videos, I've seen them all so far and I'm loving it because I'm finally getting a better understanding of the concepts, congratulations for the tutorials!!!

[saifmd]

I'll become a good node.js developer and would recommend colleagues to go through this videos, YES NINJA making it.

[bijay]

Stumbling across your tutorials is the best thing happend to me... really loving these. I always thought it is difficult to learn nodeJs... but you made it really easy for me. Thanks a lot :) :)
May U be always surrounded by lots of good Ninjas :P :P

[aaaea]

Truly great series of videos, greatly appreciated!

[mariappansubramanianmariga]

Loving it dude..hard to find a tutor like you.Great job dude

[lexscher]

You're actually amazing. I think I'll definitely be able to complete my homework after watching this video and #30. Thank you!!

[bytler]

Hey net ninja, could you do a video where you create a full node-js application from scratch?

[saadmansakib]

Who tf even dislikes a quality video like this?!!!

[cuongnguyenhuu]

Thanks for the tutorials!They're very excellent and keep up the good work!Very nice tutorials for beginners;)

[RaajKanchan]

Thank you Shaun for the wonderful tutorial.

[kostiantynkarzhanov]

Very good tutorial! Thank you once again! 💛

[mk_freestyle]

I thought it would come in handy:
if at least one field is not the same as our variables the whole ejs page will crash. In order to prevent it from happening additional logic should be implemented. It might be something like this:

app.get('/contacts', (req, res) => {
if && res.render('contact', req.query);
else {
var person = '', dept = '';
if person = req.query.person;
if dep = req.query.dept;
res.render('contact', {
person: person,
dept: dept
});
}
});