Web development refers to the act of building or improving a website. Websites encompass complexity from simple static websites to more complex web applications with large databases, applications realtime data intensive such as social media and e-Commerce applications.
The back-end developer designs the application API and database schema and implements the logic business. Backend developers were originally referred to as developers back in the days when front-end development was considered as trivial work. Backend developers can use multiple languages to meet their needs. Developer the backend will be skilled in languages like PHP, Java, Python, ASP.net, Ruby, etc.
The front-end developer uses APIs and implements logic to handle website appearance, interactivity, and user experience. Unlike the backend, the primary scripting language of front-end developers is JavaScript. However, there is tons of JavaScript frameworks, libraries, bundlers, and build tools are available for front-end development. And often front-end developers specialize in one or more of these. Some examples of front-end technologies these are React, Angular, Vue, Svelte, Webpack, Rollup, Snowpack, ESbuild, etc. In addition to javascript, front-end developers also create views using HTML and CSS to beautify website pages.
Meanwhile, a developer full-stack is a person who works on and has skills on the back-end side and front-end.
Regardless of individual area of specialization, good developers are developers who leave code with tidy and able to interact with the team.
Web development is a highly paid skill that is in high demand today. With the rise of Covid, a lot online mobile businesses and services; thus, increasing the need for web developers.
As a result, now is the best time to learn web development—let's take a look at websites and platforms online to learn software development!
1. roadmap.sh
Is a site where we are told what stages we must learn first to become developers application. This site explains the stages we can take to become the specialty we want, even to the tools we need to become the application developers we want.
2. Freecodecamp.org
Freecodecamp is a space for everyone to get coding courses for free, even up to challenges for us to answer. Freecodecamp also provides us with free certification, this certification sometimes it's also great for applying for jobs. Some of the certifications offered by Freecodecamp are Web design, front-end development, Data Visualization, Back-end development & API, Machine Learning, Quality Assurance, Data Analysis, Information Security, and many more.
3. codeacademy.com
Codecademy is another online learning platform that offers training on various programming languages such as Java, JavaScript, PHP, Python, Kotlin, HTML, CSS, SQL, C++, Bash/Shell, and many more.
It offers free entry-level training in several programming languages. Also, it displays some well structured paid pro courses; adjusted to the career path.
4. dev.to
Is a site to expand our knowledge about application development, here we can read a lot articles that we can use as study references.
5. scrimba.com
Scrimba is a revolutionary online learning platform that teaches web development with screencasts interactive and live events. It features both free and paid low-quality courses.
You can learn more about Scrimba by practicing with the screencast is interactive.
6. codepen.io
Codepen is an open source social development environment for front-end developers. Codepen features an editor online text with support for HTML, CSS, and JavaScript.
Codepen creations are called pens which can be public or private --- only available on paid plans.
According to the website, Codepen challenges are a fun opportunity to improve your skills with build things. Every week, you'll get a new prompt about a monthly theme to play with. Pen the best selected and displayed on the homepage!
7. w3schools.com
This is a legendary website that we can use to learn about html, css, javascript to many languages other. w3school provides a demo for us to run.
8. theodinproject.com
Similar to Freecodecamp, Project Odin is an open source online learning platform. It displays the curriculum full-stack that will guide your way on your journey to web development mastery.
9. htmlreference.io and cssreference.io
This is a syntax reference for us to study.
10. frontendmentor.io
Here is another online learning platform that improves your web development skills through challenge. Frontend Mentor features challenges of different difficulty levels: beginner, junior, intermediate, and advanced. It's a fun and well-thought-out way to learn web development, and it's not not only provides a challenge, but also provides Figma design files and optimized image assets.
11. devchallenges.io
Dev Challenges features a large collection of resources and a great community that helps you strengthen your skills web development and grow your confidence by working on various projects called challenges.
It's easy to get started with Dev Challenges. All you have to do is choose a challenge, build a project alone or with a team, and submit your solution.
12. developer.mozilla.org
According to their website, MDN Web Docs (formerly known as MDN — Mozilla Developer Network) is a platform growing learning for Web technologies and Web-enabled software, including CSS, HTML, and JavaScript.
In addition, MDN has a learning area that focuses on teaching the basics of web development. MDN learning area provides articles about various web technologies such as HTML, CSS, Git & Github, React, Ember, Angular, Vue, Django and more Again. If you are a beginner who likes to read, this is a good place to start your development journey your website.
13. codementor.io
Code Mentor provides a great way to improve your web development skills by getting you involved with real life projects. You can also take a look at the solutions from this project to learn from other people's code.
In addition, Code Mentor offers a thriving community of over 12,000 developers, where you can can discuss projects, find colleagues, or personal mentors.
14. www.codingdojo.com
Coding Dojo is a great online learning platform that helps you improve your skills through
online coding platforms, coding challenges, how-to videos and assessments.
15. cssbattle.dev
Battle CSS takes a different approach to learning. CSS Battle aims to build your CSS skills through a CSS game called battle. Every battle gives you a target which is a style object that you should replicate with the smallest possible CSS code.
This is a great way to flex your CSS muscles and develop your CSS skills.
16. codier.io
Codier is another challenge-based learning platform. Codier helps you develop skills your front-end web development by taking on their front-end challenges.
17. www.acefrontend.com
Ace Front-end is an online learning platform that focuses only on the basics --- HTML, CSS, and JavaScript. It aims to help front-end developers hone or polish their skills before interviews.
18. caniuse.com
According to the website, "Can I use" provides the latest browser support table to support the technology web front-end on desktop and mobile web browsers.
"Can I use" lets you check browser compatibility of various CSS features. Also, deep partnership with BrowserStack, it lets you test your website for compatibility across 2,000+ browsers and real device.
"Can I use" is a great platform that is useful for developers of all skill levels. And it even allows you to submit features if they are not found on the platform.
19. css-tricks.com
CSS Tricks is a website providing awesome CSS tricks that are useful for developers of all levels
Beyond this, it features a large collection of articles, guides, videos on various aspects of web development front-end.
20. www.30secondsofcode.org
30 Seconds of Code is an online programming book that provides short code snippets for various languages programming.
30 Seconds of Code probably best serves the needs of intermediate and advanced developers. This gives a cut shortcodes and explanations for common programming problems. So this is a great place to learn about design pattern used to solve this problem.
