4 answers
1
Question
Asked
349 views
How do I make a good website?
How do I make a website from scratch, not using any templates, and making something that is functional and a good layout. I am having difficulty knowing where to start!
4 answers
Updated
Kodi’s Answer
Hi Ariel! I'm excited that you're thinking about creating a website or app! 😊 A few things to think about.
If you're starting from absolute scratch, I highly recommend checking out free courses on coding and software development (like freecodecamp.org). This will build a strong foundation and boost your confidence as you move forward.
Once you have a basic understanding, it's time to explore the world of tech stacks. A popular choice is the MERN stack, which comprises MongoDB, Express.js, React.js, and Node.js. These tools will better equip you to tackle frontend, backend, and database. You can find comprehensive courses on Udemy to guide you through this stack.
Remember to keep in mind the purpose and goals of your website or app. If it's a smaller project like a blog or portfolio, you might only need React.js or even plain old Javascript and HTML (with CSS for styling). But for something more ambitious, like a social platform with user profiles and interactions, MERN stack is one way to go.
Ultimately, the secret to success lies in researching the tech stack that aligns with your vision. Creating a website can get pretty intimidating and confusing but be patient with yourself and know even the seasoned vets run into bugs and get frustrated. You got this and best of luck!
If you're starting from absolute scratch, I highly recommend checking out free courses on coding and software development (like freecodecamp.org). This will build a strong foundation and boost your confidence as you move forward.
Once you have a basic understanding, it's time to explore the world of tech stacks. A popular choice is the MERN stack, which comprises MongoDB, Express.js, React.js, and Node.js. These tools will better equip you to tackle frontend, backend, and database. You can find comprehensive courses on Udemy to guide you through this stack.
Remember to keep in mind the purpose and goals of your website or app. If it's a smaller project like a blog or portfolio, you might only need React.js or even plain old Javascript and HTML (with CSS for styling). But for something more ambitious, like a social platform with user profiles and interactions, MERN stack is one way to go.
Ultimately, the secret to success lies in researching the tech stack that aligns with your vision. Creating a website can get pretty intimidating and confusing but be patient with yourself and know even the seasoned vets run into bugs and get frustrated. You got this and best of luck!
Thank you very much, first time hearing about the MERN stack, I will do my research to understand how to use MongoDB to works, thanks for taking your time to write this advice!
Ariel
Updated
david’s Answer
Hi, Ariel,
Since I don't know your experience, my suggestion is to aim a bit lower if this is your first website. Functional websites with good layouts can take years of study to achieve. If you don't know HTML, building a site with just HTML is a good start on the mechanics and components of a website. Once you feel comfortable, consider learning the Bootstrap set of codes to augment a website. That may open the window on adding some CSS elements. Those are basic building blocks and many public libraries have a variety of self-help books on the topics, There are also many websites with tutorials and reference material. That gives you a foundation and a basic set of skills. Layout design is more complex and is largely learned by developing a variety of structures, keeping in mind that current websites must also work well on smartphones. That, in itself, is a major function as smartphones account for over half the website access. Although not in your requirements (no templates), you may find that setting up a free account at WIX dotcom will let you develop many free websites and experiment with layouts to see the ones that you like. This is a good learning experience in defining the look of a site. There is no time limit at WIX, so it can be a good sounding board for design ideas. For good design, my favorite reference is "Don't Make Me Think", a book by Steve Krug that is worth it's weight in gold. The book's sole focus is on web design that is effective. In your post, you mentioned not knowing where to start. If you do my suggested steps, you will be able to answer that question. All the best to you.
Since I don't know your experience, my suggestion is to aim a bit lower if this is your first website. Functional websites with good layouts can take years of study to achieve. If you don't know HTML, building a site with just HTML is a good start on the mechanics and components of a website. Once you feel comfortable, consider learning the Bootstrap set of codes to augment a website. That may open the window on adding some CSS elements. Those are basic building blocks and many public libraries have a variety of self-help books on the topics, There are also many websites with tutorials and reference material. That gives you a foundation and a basic set of skills. Layout design is more complex and is largely learned by developing a variety of structures, keeping in mind that current websites must also work well on smartphones. That, in itself, is a major function as smartphones account for over half the website access. Although not in your requirements (no templates), you may find that setting up a free account at WIX dotcom will let you develop many free websites and experiment with layouts to see the ones that you like. This is a good learning experience in defining the look of a site. There is no time limit at WIX, so it can be a good sounding board for design ideas. For good design, my favorite reference is "Don't Make Me Think", a book by Steve Krug that is worth it's weight in gold. The book's sole focus is on web design that is effective. In your post, you mentioned not knowing where to start. If you do my suggested steps, you will be able to answer that question. All the best to you.
Thank you for the advice.
Josue
Smartphones, I almost forgot! I will keep that in mind to make sure my projects work on multiple devices and still look good! Thank you for your time to write this advice!
Ariel
You're very welcome. I'm pleased that my comments are read. A further issue to learn are some of the settings for Apache web server, mostly the options for the .htaccess file.
david kirk
Updated
Elliot’s Answer
START SIMPLE! Learn some HTML and CSS with Freecodecamp.com and W3schools.com. Basics. Then look at some different websites and notice how they design and organize things. Then build a simple page with a header, footer, sidebar, etc. Javascript and other features can come a bit later.
Then repeat over and over a few times. You'll get the hang of it! Good luck and have fun :).
Then repeat over and over a few times. You'll get the hang of it! Good luck and have fun :).
Thank you! yes seeing websites come together is really fun and satisfying!
Ariel
Updated
Todd’s Answer
Creating a website requires knowledge of HTML, Javascript, Jquery, and CSS. You will also need a server to host your website. Making a good website involves taking consideration of your audience. Depending on the content you are providing, you need to have well structured navigation and a good color pallet. I would make notes of websites that you find pleasant and use some of those ideas in your own site in your own way. You can start by looking at twitter bootstraps grid layout for layout ideas. This is not really a template and can give you some ideas on layouts.
Delete Comment
Flag Comment
Delete Comment
Flag Comment