A curated list for new developers and web designers. If you'd like to contribute, go for it!
- Udemy Tutorials
- Youtuber's to Follow
- Documentation
- Tools
- Inspiration
- Blogs & News
- Podcasts
- Lorem Ipsum
- Beautiful Free Images
Keep a lookout for sales! You can normally get classes for around $10-$15
- The Web Developer Bootcamp: Front-end and back-end development for beginners who want to try out different languages.
- Responsive Website Design: You build a killer responsive site using HTML, CSS and Jquery.
- The Complete Javascript Course: This course is perfect for beginners to JS and you build 3 projects.
- Practical PHP: PHP basics with test-your-knowledge projects after each section.
- UX/UI Design with Adobe XD: Beginner course that takes you through the tools and features of Adobe XD. For the project, you are designing the mockups for an app.
- Bootstrap 4: Goes over new features of Bootstrap 4
These Youtuber's have a wonderful selection of tutorials for web development.
-
Traversy Media: Tutorials on web development for beginner and advanced users.
-
DevTips: Weekly tutorials on web development and web design.
-
Drew Ryan: Responsive web design using the latest HTML/CSS. Not updated too often.
-
Quentin Watt Tutorials: Amazing tutorials on web development such as WordPress, MySQl, Bootstrap, etc.
-
XO Pixel: Short tutorials about HTML/CSS.
-
LevelUpTuts: A little more advanced in my opinion but their playlist has some killer tutorials.
-
Alessandro Castellani: Great source for WordPress tutorials.
-
Codecourse: Great source for back-end development.
-
The Net Ninja: A mix of front and back-end step-by-step tutorials.
-
Brad Hussey: Great tutorials on web design and front-end development. He also has courses on Udemy which I highly recommend.
-
Beginner Tuts: Gives advice on web development.
-
CharliMarieTV: Channel about life as a designer with helpful tips.
-
Caler Edwards: Tutorials on UI/UX design.
-
Dansky: His tutorials are all about design using the latest tools such as Adobe XD, Illustrator , Sketch, etc.
-
Gigantic: Great source for learning character illustration
-
Mackenzie Child: Focuses mostly on design and illustration but he does have some front-end tutorials.
Gotta read those docs!
Every web developer needs the best tools.
- Adobe Brackets: Best feature of this text editor is the live preview
- Sublime: Reliable and powerful text editor
- Atom: A hackable text editor for the 21st Century.
- iTerm2: Replacement for Terminal with modern age features.
- Docker: Open platform for developers to emulate local environments.
- MAMP / WAMP: MAMP installs a local server environment in a matter of seconds on your Mac or Windows computer.
- Adobe Creative Cloud: Gives you access to all their software. Is you're a student, you can get the CC for $20 for the first year.
Stuck in a creative rut? Take a look at these awesome sites for inspiration.
- One Page Love: Awesome for one page / lading page inspiration.
- Dribbble: Designer showcase and one of the best sources for inspiration.
- Behance: Another great design showcase.
- Creative Portofolios: Great resource for portfolio inspiration.
- Templated: Free to use templates (mostly). I like to use this site to recreate their templates since you can look at the code right after.
- Media Queries: A collection of responsive-built sites.
Stay up-to-date with the latest in web development and design.
- Smashing Magazine
- CreativeBloq
- WordPress Beginner: Great resource for a beginner WP developer
- CSS-Tricks
- Stack Overflow: Got a question? You'll most likely find your answer here.
- Web Design Depot
- Front-End Depot
- Learn To Code With Me
- XO Pixel: She has great HTML/CSS resources and short tutorials.
Who said dummy text had to be plain and boring?
- Bacon Ipsum
- Fashion Ipsum
- Hipster Ipsum
- Cat Ipsum
- Flower Ipsum
- Heisenberg Ipsum
- Dynamic Dummy Image
- Place Image
- Place Holder
Beautiful, free and GPL License photos. Gifted by the world’s most generous community of photographers..