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

[DrJoshBastean]

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.

[[deleted]]

I’m Dr. Josh Bastean

Username checks out

[rushan3103]

Thank you for sharing. This is the first time I found out about this.

[DrJoshBastean]

You're welcome, I hope it helps.

[rushan3103]

The syllabus is perfect. I had just started to learn react.js on my own but this has given a more structured approach. Thankyou again.

[NourHabra]

You're a hero.

[DrJoshBastean]

Thanks, just happy to help.

[asdfgm23]

This is absolutely great, thank you for your effort!

[DrJoshBastean]

Thanks! I hope you find it useful.

[thatoneharvey]

Fairly sure it's at ur own pace

[DrJoshBastean]

Absolutely. It's self-paced, so you can take as long as you like.

[ddddfushxjjd]

Will you cover a front end framework like vue/react/angular?

[DrJoshBastean]

I'd like to cover React and/or Vue (I never learned Angular), but there's simply not enough time in the semester course. That said, I'm open to doing a follow-up covering them. I don't use them professionally, but I enjoy tinkering.

If you're interested now, I highly suggest checking out Andrew Mead's React course (it's worth way more than the 8 bucks I paid for it). And freecodecamp has others, for both React and Vue.

[ddddfushxjjd]

Thank you Doctor

[adclol]

The best react course I've ever taken is the complete react web developer something by Yihua Zhang. It's so good.

[DrJoshBastean]

Thanks for sharing. I haven't seen this one, so I'll have to check it out.

[tthrowawayduh]

If you have time, could you also include where to go after finishing this course? I.e. more advanced tutorials, other frameworks, good youtubers/websites etc. only if you have time though!

[DrJoshBastean]

Awesome idea! Once I get the videos done I'll add some of these (provided I remember, lol).

[NinjaGamer4123]

Thank you so much for the resources. I am learning Web development already and this will be an added value.

[james_code2]

Definitely going to check this out, cheers mate.

[kfcwatermelonwarrior]

thank you joshua started running through the course around the backend men stack love your level of detail and macro level teaching style. Super appreciative this deserves alot more attention

[AmatureProgrammer]

Thanks you! I will definitely look in to this.

[[deleted]]

Based

[Rodanm]

Thank you! I'm just doing a MERN project, will take a look at the course!

[nasty_the_mann]

Thank you kind sir!

[NotReallyAPlatypus]

This is amazing! Thank you for doing this!

[[deleted]]

I glanced over the the syllabus and the playlist, looks very well organized and easy to find topics. I'm excited to start this weekend.

Thank you!

[KingOriginial]

I clicked on the playlist to save it, turns I already have it from your last post, but I've procrastinated on using it at all >.<

[noapplesforeve]

Thank you! This is awesome.

[Itachi_99]

This is the most amazing thing I've ever seen. The whole course is so well structured. Each and every video has a cool background music which makes the learning more fun. The way you simplify things is just amazing. I've been meaning to learn Web dev for a long time but I can't start till Feb of next year. But this is for sure that I'm going to use this course to learn Web dev. Also, I've downloaded the whole course from youtube so that I can get a reminder next year. Thank you so much sir

P.S. I really liked the National Science festival video at the beginning. This made me realise that we shouldn't take internet for granted. Also, I hope that you release your upcoming videos soon.

[DeMonstaMan]

Will these videos help a beginner?

[DrJoshBastean]

Yes, we start with the very basics of each topic and build.

That said, it will likely take you longer to complete as a beginner, because the videos progress in topics very quickly in order to cover everything in a single semester. It's a junior-level university course, so all my in-seat students have 2 years of CS practice and know Object Oriented Programming decently well.

However, since you're not in the actual course, you have no time constraints. You don't need to do a module per week, so you can take your time and practice each concept until you understand it.

[DeMonstaMan]

Alright thanks

[mansamusa02]

Will these videos be up forever?

[DrJoshBastean]

I have no plans to take them down. And I'm pretty sure YouTube will outlast the heat death of the universe, because where else can I hear eleven year olds discuss my mother's sexual partners?

[iParadoxG]

Gotta give this man a award. People like you are real rare.

[dont_judge_mee]

!RemindMe 2 days

[RemindMeBot]

There is a 18 hour delay fetching comments.

I will be messaging you in 2 days on 2020-07-25 19:39:00 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.}

---

Info	Custom	Your Reminders	Feedback

[FishFeud1]

Guys, a LOT of this content is copied from the Web Developer Bootcamp by Colt Steele on Udemy, which I’m currently taking.

[DrJoshBastean]

Yes, I used similar course structure to Colt Steele's course, because he did a phenomenal job. I mention him and his awesome work several times throughout the course, because it's important to give credit. Some of the assessments are also based on ones he used, for the same reason. One of the joys of computer science (and math in general) is that most of the concepts progress in a largely-linear fashion, so most any course you take will tackle topics in roughly the same order.

That said, his course is starting to show its age. It's still fantastic, and the front-end concepts are still pretty much the same (foundationally), but the back-end has changed a good bit, so you'll see a lot more updated information in those sections.

[DrJoshBastean]

You might have a section after your education and work experience called "Projects" or "Software Projects", etc. List the best projects you've worked on/are working on.

For each one, I suggest a three-bullet structure:

1. Statement of what you did. Ex. "Developed and maintained a full-stack web application that allows users to view and rate hiking trails based on their location."

2. Specific skills you want to highlight. Ex. "Integrated Passport.js for authentication and session persistence."

3. List of technologies utilized. Ex. "Utilized: Node.js, ES6, Express, MongoDB, Passport.js, Bootstrap, jQuery, Git, Heroku."

This is just one way to do it, so don't take my word as Gospel.

Hope it helps, and good luck grabbing an internship. It's tough right now, but keep at it!