UsefulTutorials

Resources for learning Full Stack Web Development.

Hello! We created this list and constantly updating it with new resources, information, and news.

---

Table of Contents

1. Start Here
2. Learn HTML
3. Learn CSS
4. Learn JavaScript
5. Full Stack Tutorials
6. Learn APIs
7. Learn Databases
8. Learn Authentication
9. Learn Git
10. Learn PHP
11. Learn Laravel
12. Tips

---

Start Here

The list below isn't meant to be exclusive, it is just a collection of links that have helped us out along the way (and can hopefully help you). As you'll see, we have focused on JavaScript, PHP, and Laravel. These tutorials are not very tough and with utmost concentration you can get through all this content in 3-4 weeks (except maybe some challenges) to become a Web Developer

---

• Take a look at the big picture:
  • Web Developer Roadpath - Github Repo
• Learn about the common tools associated with full stack web development - What is the A-Z of Web Development?

---

Learn HTML

• HTML Cheat Sheet
• HTML5 Full Tutorial - w3schools
• HTML5 Tutorial PDF DOWNLOAD - tutorialspoint
• Learn HTML series - Code The Web
• w3Schools (Do all the quizes well)
• Video

---

Learn CSS

• A visual guide to CSS - CSS Reference
• CSS Pro Tips - A collection of tips to help take your CSS skills pro.
• CSS Cheat Sheet
• w3Schools (Bookmark this)

---

Learn JavaScript

• https://www.w3schools.com/js/default.asp
• https://www.youtube.com/watch?v=0ik6X4DJKCc&list=PLillGF-RfqbYE6Ik_EuXA2iZFcE082B3s - (Video Tutorials)
• Edabit - Learn JavaScript With Interactive Challenges: Earn XP, Unlock Achievements & Climb The Leaderboard
  • [Edabit - Website Link] [Reddit Post]
• Understanding Tougher Topics
  • JavaScript - The keyword 'this' for beginners
  • JavaScript: What the heck is a Callback?
  • JavaScript for Beginners: The new Operator
  • JavaScript: Why does 3 + true = 4? (and 7 other tricky equations)

---

Full Stack Tutorials

• Intro to Back End Web Development
• Client Server Communication

---

Learn APIs

• Where to start with learning APIs [Reddit Link]
  • What is an API? In English Please. (Medium)
  • Free Intro to APIs Book/Course by Zapier
  • Google Maps API
  • Distance Calculator Web Services API
  • Build and Secure a Backend API Server

---

Learn Databases

• SQL vs NoSQL
• Intro to Relational Databases - SQL, DB-API, and More!

---

Learn Authentication

• Authentication & Authorization: OAuth
• Learn about JSON Web Tokens
• OAuth 2

---

Learn Git

• Official Tutorial - Learn Git in 15 Minutes
• Official Docs
• Other Tuts:
  • Git, the simple guide
  • Learn Git Branching - Level by Level learning
  • Learn Git in 30 Minutes - Article
  • Here are all the Git commands I used last week and what they do (Medium)
• Why to Use GIT No, I have no side projects to show you

---

Games and Challenge Websites

• Games to learn Programming in an easy and fun way [Reddit Link]

  • Flex Box Froggy
  • Flex Box Defense
  • Edabit
  • Coding Game
  • Elevator Saga - JS
  • Scratch - Absolute Basics
  • Hacked - Mobile App teaching through puzzles

• Coding Challenge Websites [Reddit Link] [Reddit Link #2]

  • Medium - 10 most popular coding challenge sites of 2016
  • Codechef
  • Code Wars
  • Coding Game
  • Hacker Rank (some debate about this being good/bad
  • Project Euler (math focus)
  • Exercism

---

Free Programming Books

• O'Reilly Offering Programming eBooks for Free (Reddit)
• GitHub - Thousands of free programming Books on every topic
• Non-Technical Books to make you a better Programmer (Reddit)

---

Learn PHP

• https://www.w3schools.com/php/
• Traversy Media PHP Video Tutorials

---

Learn Laravel

• Treversy Media Laravel Tutorial (This is the best one)
• http://laravel-recipes.com/?ref=LearningLaravel
• Laracast(Best community for Laravel)
• Eloquent (For Database Connection)
• API Resources

---

Tips

1. Use StackOverflow for asking questions (It is the one place that will help you all your life)
2. Laravel 5.5 is damn good
3. Keep your PHP updated (>=7.1)
4. If this seems tough you aren't paying attention. FOCUS!
5. This isn't Maths, if it seems easy, it probably is.