Resources For New Developers
A curated list for new developers and web designers. If you'd like to contribute, go for it!
Content:
- Udemy Tutorials
- Youtuber's to Follow
- Documentation
- Tools
- Inspiration
- Blogs & News
- Podcasts
- Lorem Ipsum
Udemy Tutorials:
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 the new features of Bootstrap 4.
- WordPress Development: This course goes over customizing themes and buiding new ones from scratch. This course also gets updated as new WP releases new content.
Youtuber's to Follow:
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.
Documentation
Gotta read those docs!
Tools
Every web developer needs the best tools.
- Adobe Brackets: Best feature of this IDE is the live preview and customization
- 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.
- Slack: Best messaging service for group projects.
- Trello: Collaboration tool that lets you organize your projects into boards.
- Evernote: Great tool for typing out your notes.
Inspiration
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.
Blogs & News
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.
Podcasts
Learn about something new on your drive to work. Podcasts can be downloaded on iTunes.
- ShopTalk
- Developer Tea
- Learn to Code With Me
- The Big Web Show
- SwiftCoders
- UI Breakfast
- The Laptop Lifestyle
Lorem Ipsum
Who said dummy text had to be plain and boring?