Benable — create shareable lists of things you recommend!
E.g., products you love, local businesses, travel recs - you can add anything to a Benable list!
Starter Pack Coding Resources
15
items Coding and front end design is extremely hard to get into, lucky for you I went through the struggle of finding ways to practice, learn and start my journey , so here is a list of great resources for you to get started.
Sections
3
Courses
Code editors
Practice makes perfect
Courses
Courses that will help you escape tutorial hell
Learning practically making multiple projects while following along. This will help you understand concepts and get used to programming. You can also earn certifications and prepare for tech interviews.
freeCodeCamp
Full pathway to becoming a full stack engineer. Great place to learn react and JavaScript ,building a better understanding of modern web development. Tons of content to get through and you can also earn certifications.
Full stack open
Offers interactive coding courses for languages such as: Python, HTML, CSS and JavaScript. Great for beginners and provides hands-on coding exercises.
Codecademy
Project-based and free full stack web development curriculum which covers HTML, CSS and JavaScript, along with Git and databases.
The Odin Project
Affordable and self - paced learning with lifetime access. Paid and discounted courses along with hands-on coding exercises and quizzes
Udemy
Interactive coding and unique video lessons. Focus is mainly on front end development. Free and paid courses are available.
Scrimba
Code editors
Code editors to build your coding projects
Visual studio code is one of the best code editors. Ai supported with multiple plugins, and also code in almost any language such as: Python, JS and Typescript
Visual Studio Code
Lightweight and high-performance code editor designed for developers and programmers. It is known for its speed and efficiency also smooth user experience, making it popular being able to code in multiple languages.
Sublime Text
Practice makes perfect
After learning all it takes is repetition and practice, here are websites just for that.
Code pen is a front end playground being able to discover other people’s creations and create or test out your own which you could then put out onto the website.
CodePen: Online Code Editor and Front End Web Developer ...
Great place to practice using flex box in HTML and CSS
Flexbox Froggy - A game for learning CSS flexbox
Coding challenges and interview prep.
Has coding exercises with instant grading
Also AI generated coding interview questions
HackerRank - Online Coding and Technical Assessments
Gamified coding challenges
Practices JavaScript, Python and more
Also compete with other developers
Improve coding logic and efficiency
Codewars - Achieve mastery through coding practice and ...
Real-world front-end projects
Practice with HTML, CSS and JavaScript even React.
Great for portfolio building
Free and premium challenges available
Frontend Mentor | Front-end coding challenges using a real ...
Great way to earn money and practice your coding skills at the same time, supporting all coding languages. This is through the open source projects and challenges you can help with, involving prize money.
Opire
All about improving CSS skills
Gamified CSS
Compete with other devs
Great for mastering CSS layouts and animations
CSSBattle