8 answers
Amelia
Student
Milford Charter Township, Michigan
1
Question
Asked
592 views
best place or source to learn web developing path?
best place or source to learn web developing path?
Login to comment
8 answers
Doc Frick
Career Coach and Mentor
1590
Answers
California, CA
Updated
Doc’s Answer
Because web development is such a multidisciplinary field, developers usually specialize in either front-end or back-end development. However, skilled developers may be confident enough to tackle full-stack web development. Here’s a closer look at the 3 types of web development.
• FRONT-END WEB DEVELOPMENT
In front-end web development, the focus is on user-facing parts of the site. Developers code the parts of a site that users see and interact with, including mobile iterations of the site. This is the area of web development that has the largest overlap with small business web design, as both tend to work on user interface (UI) and experience elements. However, it’s front-end developers who bring designers’ ideas to life. Front-end web developers usually use a mix of three programming languages. HTML helps structure content while CSS allows to define typography, colors and layout. Finally, JavaScript controls the dynamic parts of the page, such as forms, animations and pop-ups.
• BACK-END WEB DEVELOPMENT
If front-end development encompasses user-facing features, then you can probably surmise on your own that back-end development focuses on behind-the-scenes features. Users never see this part of a website and for good reason—it’s a confusing array of databases, application programming interfaces (APIs) and programming languages. Back-end developers ensure a site is functioning as it should by organizing and maintaining the databases that hold the site’s content. Often, they’ll build these databases from the ground up, create queries to help search for specific pieces of data and take measures to keep the data secure.
• FULL-STACK WEB DEVELOPMENT
Full-stack web development is the combination of front-end and back-end web development. As you might guess, this is a complicated field that requires expert developers proficient in a broad range of technologies and programming languages. Full-stack web development requires you to have a thorough grasp of the entire development process from all sides.
WEB DEVELOPER SKILLS
What does it take to become a web developer? Essentially, just three things: HTML, CSS and JavaScript—the three pillars of the web, which we’ll be learning about over the next few lessons. Together, these three pillars make every website work, defining the content to be displayed (HTML), telling a browser how to display that content (CSS), and making the content interactive (JavaScript), respectively. A web developer is well versed in these three technologies. They can read other people’s code and make changes to it. They can find and debug bugs (shortcomings in existing code). A web developer might, at times, work on a new project (a new website) from scratch, or may have to work on an existing website and make it better. A typical day in the life of a web developer involves fixing bugs, developing new features (that is, enhancements) and webpages, and working with other developers to discuss ways to solve problems.
Don’t be overwhelmed by all of these details. You’ll soon see that they’re all very connected, and learning one of these automatically makes you good at a few others.
• FRONT-END WEB DEVELOPMENT
In front-end web development, the focus is on user-facing parts of the site. Developers code the parts of a site that users see and interact with, including mobile iterations of the site. This is the area of web development that has the largest overlap with small business web design, as both tend to work on user interface (UI) and experience elements. However, it’s front-end developers who bring designers’ ideas to life. Front-end web developers usually use a mix of three programming languages. HTML helps structure content while CSS allows to define typography, colors and layout. Finally, JavaScript controls the dynamic parts of the page, such as forms, animations and pop-ups.
• BACK-END WEB DEVELOPMENT
If front-end development encompasses user-facing features, then you can probably surmise on your own that back-end development focuses on behind-the-scenes features. Users never see this part of a website and for good reason—it’s a confusing array of databases, application programming interfaces (APIs) and programming languages. Back-end developers ensure a site is functioning as it should by organizing and maintaining the databases that hold the site’s content. Often, they’ll build these databases from the ground up, create queries to help search for specific pieces of data and take measures to keep the data secure.
• FULL-STACK WEB DEVELOPMENT
Full-stack web development is the combination of front-end and back-end web development. As you might guess, this is a complicated field that requires expert developers proficient in a broad range of technologies and programming languages. Full-stack web development requires you to have a thorough grasp of the entire development process from all sides.
WEB DEVELOPER SKILLS
What does it take to become a web developer? Essentially, just three things: HTML, CSS and JavaScript—the three pillars of the web, which we’ll be learning about over the next few lessons. Together, these three pillars make every website work, defining the content to be displayed (HTML), telling a browser how to display that content (CSS), and making the content interactive (JavaScript), respectively. A web developer is well versed in these three technologies. They can read other people’s code and make changes to it. They can find and debug bugs (shortcomings in existing code). A web developer might, at times, work on a new project (a new website) from scratch, or may have to work on an existing website and make it better. A typical day in the life of a web developer involves fixing bugs, developing new features (that is, enhancements) and webpages, and working with other developers to discuss ways to solve problems.
Don’t be overwhelmed by all of these details. You’ll soon see that they’re all very connected, and learning one of these automatically makes you good at a few others.
Thank You Frank. Volunteerism is the voice of the people put into action.
Adit Sheth
Senior Software Engineer
117
Answers
Bellevue, Washington
Updated
Adit’s Answer
Certainly! Here are some of the best resources to kickstart your journey in web development:
freeCodeCamp: This platform offers no-cost interactive courses on HTML, CSS, JavaScript, and beyond.
Coursera: This site provides extensive web development courses from leading universities.
The Odin Project: This is a free, open-source curriculum specifically designed for learning web development.
CS50's Web Programming with Python and JavaScript: This is a premium course offered by Harvard University, available on edX.
freeCodeCamp: This platform offers no-cost interactive courses on HTML, CSS, JavaScript, and beyond.
Coursera: This site provides extensive web development courses from leading universities.
The Odin Project: This is a free, open-source curriculum specifically designed for learning web development.
CS50's Web Programming with Python and JavaScript: This is a premium course offered by Harvard University, available on edX.
Will Xue, CFA
Manager at PwC
102
Answers
Updated
Will’s Answer
Hey Amelia,
Welcome to CareerVillage and great job posting your first question!
Here are three main buckets as a starting point to learn web development:
1. Online Learning Platforms:
- FreeCodeCamp: This platform offers a free, self-paced curriculum specifically designed for beginners. It covers HTML, CSS, JavaScript, and more.
- Codecademy: Provides interactive coding lessons and projects for web development. It offers a variety of courses, including HTML, CSS, JavaScript, and popular frameworks like React and Angular.
2. YouTube Channels:
- The Net Ninja: This channel provides easy-to-follow tutorials on web development technologies like HTML, CSS, and JavaScript. The instructor explains concepts in a friendly and engaging manner.
- Traversy Media: Offers a variety of web development tutorials and guides, including HTML, CSS, JavaScript, and popular frameworks like React and Node.js.
3. Official Documentation and Websites:
- Mozilla Developer Network (MDN): This website provides comprehensive documentation and tutorials on web development technologies. It covers HTML, CSS, JavaScript, and more.
- W3Schools: Offers beginner-friendly tutorials and references for web development languages and technologies, including HTML, CSS, JavaScript, and popular frameworks.
It's important to start with the basics and gradually build your skills. Don't hesitate to experiment and practice by building small projects. Additionally, consider joining online communities or coding clubs at school to connect with peers who share your interest in web development.
Best luck!!
Welcome to CareerVillage and great job posting your first question!
Here are three main buckets as a starting point to learn web development:
1. Online Learning Platforms:
- FreeCodeCamp: This platform offers a free, self-paced curriculum specifically designed for beginners. It covers HTML, CSS, JavaScript, and more.
- Codecademy: Provides interactive coding lessons and projects for web development. It offers a variety of courses, including HTML, CSS, JavaScript, and popular frameworks like React and Angular.
2. YouTube Channels:
- The Net Ninja: This channel provides easy-to-follow tutorials on web development technologies like HTML, CSS, and JavaScript. The instructor explains concepts in a friendly and engaging manner.
- Traversy Media: Offers a variety of web development tutorials and guides, including HTML, CSS, JavaScript, and popular frameworks like React and Node.js.
3. Official Documentation and Websites:
- Mozilla Developer Network (MDN): This website provides comprehensive documentation and tutorials on web development technologies. It covers HTML, CSS, JavaScript, and more.
- W3Schools: Offers beginner-friendly tutorials and references for web development languages and technologies, including HTML, CSS, JavaScript, and popular frameworks.
It's important to start with the basics and gradually build your skills. Don't hesitate to experiment and practice by building small projects. Additionally, consider joining online communities or coding clubs at school to connect with peers who share your interest in web development.
Best luck!!
Eric Hyde
Software Engineering Manager
1
Answer
Lincoln, Nebraska
Updated
Eric’s Answer
One of the most exciting ways to embark on your development journey is by teaming up with a "copilot" like chatGPT. It's a common tool among my colleagues who use some form of AI assistant to ask straightforward questions.
For instance, you might ask "how do I create a webpage in React" - and it will provide you with useful code snippets, commands to run, and even assist you in troubleshooting when things don't go as planned.
As others have pointed out, there's an abundance of paths and technologies, each with its own unique documentation. However, the key to crafting high-quality code lies in a solid education and a deep understanding of the code you're writing. Remember, everyone has to start somewhere, and software development is the ultimate sandbox for exploration. The most effective way to learn is by diving right in!
For instance, you might ask "how do I create a webpage in React" - and it will provide you with useful code snippets, commands to run, and even assist you in troubleshooting when things don't go as planned.
As others have pointed out, there's an abundance of paths and technologies, each with its own unique documentation. However, the key to crafting high-quality code lies in a solid education and a deep understanding of the code you're writing. Remember, everyone has to start somewhere, and software development is the ultimate sandbox for exploration. The most effective way to learn is by diving right in!
Kaushal Gairola
Software Developer
1
Answer
Delhi, DL
Updated
Kaushal’s Answer
Your ultimate guide to JavaScript is right here: https://developer.mozilla.org/en-US/. It's a fantastic resource that will surely boost your skills. Dive in and let the learning begin!
Anthany Vitela
Coding
59
Answers
Winter Springs, Florida
Updated
Anthany’s Answer
I think your starting point should be learning Javascript, HTML, and CSS! There are plenty of online resources that you can find, but I personally have use w3schools.com a lot! There are plenty of other replies that give some great sources too so I would just look into whichever seems the most appealing to you.
Peterson Chaves
Senior Software Engineer - Tech Lead
2
Answers
São Caetano do Sul, State of São Paulo, Brazil
Updated
Peterson’s Answer
Hi Amelia,
Here's a guide on the best places to learn web development, along with top YouTube channels and online courses:
1. Path to Web Development
Start with the basics: Understand the fundamentals of HTML, CSS, and JavaScript. These are the building blocks of any website.
Choose a focus: Decide whether you want to specialize in front-end development (building the visual parts of a website), back-end development (handling server-side logic), or full-stack development (working on both front-end and back-end).
Practice regularly: Consistent practice is key to mastering web development. Build projects, experiment with different technologies, and participate in coding challenges.
I will give you a result of a basic search of the top 5 youtube channels for Web Development:
1. Traversy Media:
Offers a wide range of tutorials on HTML, CSS, JavaScript, and various frameworks.
Clear explanations and practical examples.
2. freeCodeCamp:
Provides interactive courses and challenges on web development, from beginner to advanced levels.
Focus on practical application and problem-solving.
3. The Coding Train:
Daniel Shiffman's channel explores creative coding and web development concepts through fun and engaging projects.
Great for visual learners and those interested in experimental techniques.
4. Web Dev Simplified:
Offers concise and informative videos on various web development topics, with a focus on modern frameworks and libraries.
Great for quick tutorials and learning specific skills.
5. Codecademy:
Provides interactive lessons and exercises on web development, along with a community forum for support.
Offers a mix of free and paid courses for different skill levels.
---
And a top 5 online courses for web development:
1. The Complete Web Developer Course (Udemy):
Comprehensive course covering everything from HTML and CSS to advanced JavaScript frameworks like React and Node.js.
Highly-rated and frequently updated.
2. Web Development Bootcamp (Udemy):
Immersive course designed to help you build real-world web applications in a short period.
Focus on practical skills and project-based learning.
3. JavaScript for Beginners (Udemy):
Great for those who want to master JavaScript fundamentals.
Covers topics like variables, functions, loops, and object-oriented programming.
4. React Bootcamp (Udemy):
In-depth course on React, a popular JavaScript library for building user interfaces.
Teaches you how to create dynamic and interactive web applications with React.
5. Frontend Web Development (Coursera):
Offered by Stanford University, this course provides a structured introduction to front-end development, covering HTML, CSS, JavaScript, and responsive design.
---
The web development area requires constant updating, as new technologies and frameworks are emerging, but with knowledge of object orientation, class structures, objects, functions, etc., any programming language will be just the means in which you will develop your project.
I hope this helps!
Good luck on your journey.
Here's a guide on the best places to learn web development, along with top YouTube channels and online courses:
1. Path to Web Development
Start with the basics: Understand the fundamentals of HTML, CSS, and JavaScript. These are the building blocks of any website.
Choose a focus: Decide whether you want to specialize in front-end development (building the visual parts of a website), back-end development (handling server-side logic), or full-stack development (working on both front-end and back-end).
Practice regularly: Consistent practice is key to mastering web development. Build projects, experiment with different technologies, and participate in coding challenges.
I will give you a result of a basic search of the top 5 youtube channels for Web Development:
1. Traversy Media:
Offers a wide range of tutorials on HTML, CSS, JavaScript, and various frameworks.
Clear explanations and practical examples.
2. freeCodeCamp:
Provides interactive courses and challenges on web development, from beginner to advanced levels.
Focus on practical application and problem-solving.
3. The Coding Train:
Daniel Shiffman's channel explores creative coding and web development concepts through fun and engaging projects.
Great for visual learners and those interested in experimental techniques.
4. Web Dev Simplified:
Offers concise and informative videos on various web development topics, with a focus on modern frameworks and libraries.
Great for quick tutorials and learning specific skills.
5. Codecademy:
Provides interactive lessons and exercises on web development, along with a community forum for support.
Offers a mix of free and paid courses for different skill levels.
---
And a top 5 online courses for web development:
1. The Complete Web Developer Course (Udemy):
Comprehensive course covering everything from HTML and CSS to advanced JavaScript frameworks like React and Node.js.
Highly-rated and frequently updated.
2. Web Development Bootcamp (Udemy):
Immersive course designed to help you build real-world web applications in a short period.
Focus on practical skills and project-based learning.
3. JavaScript for Beginners (Udemy):
Great for those who want to master JavaScript fundamentals.
Covers topics like variables, functions, loops, and object-oriented programming.
4. React Bootcamp (Udemy):
In-depth course on React, a popular JavaScript library for building user interfaces.
Teaches you how to create dynamic and interactive web applications with React.
5. Frontend Web Development (Coursera):
Offered by Stanford University, this course provides a structured introduction to front-end development, covering HTML, CSS, JavaScript, and responsive design.
---
The web development area requires constant updating, as new technologies and frameworks are emerging, but with knowledge of object orientation, class structures, objects, functions, etc., any programming language will be just the means in which you will develop your project.
I hope this helps!
Good luck on your journey.
John D
Software Engineer
3
Answers
New York, New York
Updated
John’s Answer
Hey Amelia,
Where can you start learning web development?
Well to answer this question I would start from YouTube because there are a wide range of tutorials that you can find about web development and you can start slowly learning bits of important aspects here and there. You can pause, rewind and revisit videos which makes it great to grasp concepts at your own pace.
Secondly web development is a large area to cover, firstly lets start with the small steps or basics and build from there. Here is how I would suggest approaching this question.
HTML: I would learn HTML which is the basic foundation of web development. It is like learning the skeleton of a webpage, by learning this you will know how to structure content which is the first step in creating a website.
CSS: Once you know HTML, learning cascading style sheets lets you add style and design onto your webpage it is like a clothing onto your webpage, it helps with the layout and presentation.
JavaScript: After you have studied HTML and CSS you can enter into studying JavaScript which makes your website interactive for example buttons that users can press.
I would start with these basic understanding of these technologies to which I mentioned above and start developing personal projects or websites, I would highly encourage you to start developing projects since you will learn more. As you progress more into this field you will be able to learn much more advanced technologies in web development such as for example ReactJS. Again I would start from the basics and work my way up into web development. Slowly overtime you will grasp more concepts and will be able to build really great websites!
Hopefully my answer helps!
Where can you start learning web development?
Well to answer this question I would start from YouTube because there are a wide range of tutorials that you can find about web development and you can start slowly learning bits of important aspects here and there. You can pause, rewind and revisit videos which makes it great to grasp concepts at your own pace.
Secondly web development is a large area to cover, firstly lets start with the small steps or basics and build from there. Here is how I would suggest approaching this question.
HTML: I would learn HTML which is the basic foundation of web development. It is like learning the skeleton of a webpage, by learning this you will know how to structure content which is the first step in creating a website.
CSS: Once you know HTML, learning cascading style sheets lets you add style and design onto your webpage it is like a clothing onto your webpage, it helps with the layout and presentation.
JavaScript: After you have studied HTML and CSS you can enter into studying JavaScript which makes your website interactive for example buttons that users can press.
I would start with these basic understanding of these technologies to which I mentioned above and start developing personal projects or websites, I would highly encourage you to start developing projects since you will learn more. As you progress more into this field you will be able to learn much more advanced technologies in web development such as for example ReactJS. Again I would start from the basics and work my way up into web development. Slowly overtime you will grasp more concepts and will be able to build really great websites!
Hopefully my answer helps!