r/learnjavascript • • Jul 23 '20

Free Full-Stack (HTML/CSS/JS, Node/Express/MongoDB) Web Dev Course

Edit: Thanks for the gold! If anyone else feels inclined to award anything, may I suggest donating to a cause such as Campaign Zero or a local homeless shelter.

Hello everyone,

I’m Dr. Josh Bastean, and I teach web development and education courses at Coker University. With all the recent insanity, all our courses have moved online. I am in the process of recording the entire content of my Modern Web Development course, and decided to go ahead and post the videos on YouTube, hoping to help more people learn the joys of web development.

I posted about this a few months ago and had lots of great feedback, so I wanted to reach out again to hopefully help anyone who hasn't already seen it.

Click here for a brief overview (aka "syllabus").

Click here for a link to the YouTube playlist.

I have already uploaded about 2/3 of the total course videos, and will continue to upload new ones as I complete them. As of right now, I’ve covered all of the front-end and started on back-end with Node.js, Express, EJS, and APIs. I'm currently working on the videos that start the final project (which we build over the last several weeks of the course): a "Yelp Clone" website focused on the topic of your choice. I'm doing Comic Books, but pick something you enjoy. We'll be adding MongoDB, Passport, EJS-Flash, pushing our code to Github, and deploying to Heroku.

I hope this helps a few people learn to love programming as much as I do. I started by watching these types of videos, and I wanted to pay it forward to the next generation.

Here's the original post for anyone interested.

431 Upvotes

55 comments sorted by

28

u/annathergirl Jul 23 '20

Great stuff. I'm very interested in the back-end of JS so definitely checking your videos out!

10

u/DrJoshBastean Jul 23 '20

Awesome, hope it helps!

11

u/itays123 Jul 23 '20

Thank you so much! Have you considered doing a fullstack deno course too?

8

u/DrJoshBastean Jul 23 '20

Happy to help.

I have never used Deno, so I don't feel qualified to teach it. It looks fun, so I may tinker around a bit when I have more time. Thanks for sharing.

2

u/itays123 Jul 23 '20

It's really fun, definitely worth trying even though it's not mature

8

u/IllHandleIt Jul 23 '20

thanks a lot. i really appreciate this :)

5

u/DrJoshBastean Jul 23 '20

Happy to help!

14

u/__SelinaKyle Jul 23 '20

Thank you for sharing!

9

u/DrJoshBastean Jul 23 '20

Very welcome. Hope you find it helpful.

5

u/shrey1566 Jul 23 '20

Thank you soo much dude!

7

u/DrJoshBastean Jul 23 '20

You're soo welcome, dude :-D

5

u/aimeedaisy Jul 23 '20

Thank you SO much!!!!! You are now my guru.

2

u/DrJoshBastean Jul 23 '20

Happy to help!

3

u/Jolly-Composer Jul 23 '20

This is amazing! Is it misterbastean? Do you mind if I share this with the Twitter code community and give you credit in a tag?

3

u/DrJoshBastean Jul 24 '20

Not at all! The more who can benefit, the better off we all are.

3

u/Jolly-Composer Jul 24 '20

Awesome! Thanks so much Doc. Can’t wait to start it in a month or so! I’ve been yearning to learn more about the cart-to-backend aspect of things. Websites just feel so flat without offering those skills, and if I can learn such things from your course I’ll be in much better shape to become a profitable freelancer or pursue my dream or becoming a junior front end web developer. I will definitely pay this forward — thank you and stay safe!

2

u/Endless-Edgar Jul 23 '20

Looks good. I did a quick search through your videos though, and I couldn't find anything that actually goes over MongoDB as the title suggests. Is that section still being worked on?

3

u/DrJoshBastean Jul 24 '20

Good observation, you're right, we haven't gotten there yet. I'm currently recording the Module 10 videos, which will incorporate MongoDB. I'm going to use Mongoose, if that matters. Hope it helps!

4

u/panchoadrenalina Jul 23 '20

I have already uploaded about 2/3 of the total course videos,

quote from the original post. i imagine is not uploaded yet

5

u/Endless-Edgar Jul 23 '20

Ah, I’m an idiot. Thanks, man.

2

u/LITFAMWOKE Jul 24 '20

As someone just beginning their general requirements to enter into a CS two year degree. What would be the best things to check out to get me ahead of the game entering into my actual CS classes? I've done some udemy bits and some free bootcamps on JS but it's all so segmented I don't feel like much has really clicked. I added your library and I am excited to follow along a full course.

1

u/DrJoshBastean Jul 24 '20

That depends on what your CS degree requirements are. At my school, a lot of focus is on C++ and Java, as well as a theoretical foundation of CS in general (e.g. binary, etc.). My course is an elective that I added because I didn't feel we were offering enough webdev, which is a massive job market.

Find out what the required courses cover and just search YouTube, such as "Learn Java".

Other than that, I always recommend Python as an excellent language for beginners, as the syntax is easy to understand for most people. Plus, if you understand programming concepts (e.g. recursive functions, classes, etc.) in one language, it's very easy to pick up other languages, because the only difference is the syntax and a few quirks.

3

u/badbrownie Jul 24 '20

As someone who's not clicked on Dr. Josh's link, I'd steer you toward javascript.info. Scroll down a little and just click on every link on the page, in order. If you think you understand the topic (and the page was created more recently?) then you might see a summary section at the bottom, but even without that, every page is written in a way that is easy to scroll past when you "get it", and easy to know when you don't get it. It's almost certainly the answer to your question. But it will help you even more than you expect. I'm REALLY benefitting from it and am using virtually nothing else.

3

u/Syh_ Jul 24 '20

I would take note of MDN too though, it's essentially the holy grail lol. Here's another helpful resource that goes over various topics related to web development in specific: link.

2

u/badbrownie Jul 24 '20

Thanks for the links. The second one looks particularly interesting.

2

u/KABU09 Jul 24 '20

Hi, I'm taking an Udemy Web Course that's VERY similar to your videos, even the Pokemon one is exactly the same.

1

u/DrJoshBastean Jul 24 '20

If you're referring to Colt Steele's course, you're correct. He has some awesome resources and I based some of the exercises off of his resources. I mention him a few times throughout the course, and HIGHLY recommend checking him out.

2

u/KABU09 Jul 24 '20

Yes, that's it.

2

u/[deleted] Jul 24 '20

Wow. Thats a Great Contribution. Professor u/DrJoshBastean. I just have an insigth. What is your opnion if we have a project to put Subtitles in the videos ? Sorry id is a nonsense idea.

2

u/DrJoshBastean Jul 24 '20

To make sure I'm understanding, you're wanting to contribute subtitles for the videos? If so, I'm all in favor of making them more accessible. I believe YouTube allows you to submit subtitles. Let me know if you run into any issues doing so and I'll see what I can do to help.

2

u/[deleted] Jul 24 '20

Great. I will check that. I never did before but i think is a way to contribute and give return. Best Regards

2

u/harshshuklaoct8 Jul 24 '20

For how long it is free!

1

u/DrJoshBastean Jul 24 '20

I have no plans to take it down, ever. So I guess as long as YouTube exists?

2

u/Mrmjix Jul 25 '20

🙂🙏

2

u/cincilator Jul 24 '20 edited Jul 24 '20

First, thanks for your efforts.

Questions: Is there going to be source code for download? Also are there transcripts from lectures?

2

u/DrJoshBastean Jul 24 '20

Excellent questions.

I can't make the source code downloadable, because it's for a university-level class, and I don't want to encourage students to take those shortcuts.

I don't have separate transcripts, other than YouTube's auto-generated captions. After I'm done with all the videos, I'm going to go back and edit the auto-generated ones for accuracy in order to make them more accessible for exceptional students. However, I don't have any in my current course, so I'm focusing on content first.

3

u/shean7574 Jul 23 '20

Thank you so much

3

u/swapnil244 Jul 23 '20

Thank you, gonna start from tomorrow.

3

u/[deleted] Jul 23 '20

I’ll definitely be checking it out! Thank you for sharing !

2

u/Weldakota Jul 23 '20

Thank you for doing this! Subbed.

Only a few videos in so far, but both the "html:5" and "h1" then tab are awesome tricks.

2

u/baltimoretom Jul 23 '20

Thanks, Dr. Josh!

1

u/badbrownie Jul 24 '20

What did you like about it?

2

u/jojoxdeshu Jul 23 '20

Many thanks Dr. Josh, Im on my first steps in learning Programming, i’ll def gonna be a frequent watcher on ur yt channel. Thx

2

u/coolmeridean Jul 24 '20

Thank you so much for sharing, I'm so excited to learn from you!

2

u/riskyboyyy Jul 24 '20

Thank you I want to learn JS, Node/Express/MongoDB hope it helps me in my project

2

u/symulate Jul 24 '20

Personally have a background in HTML & CSS from a course at Uni, but will be following along in this course with the JS work, and for a better understanding of flexbox. Looks like a great course so far

2

u/Mrmjix Jul 24 '20

Thank you and we reflect your vision Dr.

2

u/[deleted] Jul 24 '20

Great info .

Thank's for sharing this.

2

u/dinogyoza Jul 24 '20

thank you so much! keen to get learning! :)

2

u/tunnelingsounds Jul 24 '20

thank you for this!

0

u/[deleted] Jul 23 '20

!RemindMe 7 hours

1

u/RemindMeBot Jul 24 '20

There is a 17 hour delay fetching comments.

I will be messaging you on 2020-07-23 23:48:09 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

Parent commenter can delete this message to hide from others.


InfoCustomYour RemindersFeedback

3

u/[deleted] Jul 23 '20

[removed] — view removed comment

1

u/DrJoshBastean Jul 24 '20

You're very welcome.

If you've struggled before, may I suggest that you set concrete goals for progress, such as making a calendar for when you want to complete each module. The course has one module per week, but it's a pretty intensive course, so don't feel discouraged if it takes longer.

Also, extrinsic motivation could be helpful. Maybe ask a friend/relative to be your accountability and to check in on your progress?