this post was submitted on 03 Sep 2026
36 points (100.0% liked)

Learn Programming

2231 readers
1 users here now

Posting Etiquette

  1. Ask the main part of your question in the title. This should be concise but informative.

  2. Provide everything up front. Don't make people fish for more details in the comments. Provide background information and examples.

  3. Be present for follow up questions. Don't ask for help and run away. Stick around to answer questions and provide more details.

  4. Ask about the problem you're trying to solve. Don't focus too much on debugging your exact solution, as you may be going down the wrong path. Include as much information as you can about what you ultimately are trying to achieve. See more on this here: https://xyproblem.info/

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 3 years ago
MODERATORS
Ategon@programming.dev
JaumeI@programming.dev
bugsmith@programming.dev
36
Trying to learn website development by developing my own from scratch. (habitant5830.github.io)
submitted 3 days ago* (last edited 3 days ago) by Crumpled6273@lemmy.ca to c/learn_programming@programming.dev
24 comments fedilink hide all child comments
 

I am learning website development on my own by developing a website using HTML, CSS, and JavaScript. Currently there is no JavaScript used, as I am still developing and learning new things related to HTML and CSS. I am just at the beginning stage.

Actually, this is very interesting, as I am not learning a pre-designed textbook or YouTube videos. I am actively building a website and learning from it.

I already used HTML templates and Hugo and Zola, like static website generators. So writing code was never harder, but implementing features or arranging screen space is a big pain.

I know the site looks a lot uglier, but before it was more ugly and misaligned than this. At least I managed to make it like this.

Note:

The posts and contents on this website are converted from my Hugo site, which used Markdown format. The site link is provided at the footer, and the code is also on GitHub. The images are from Unsplash and Pixel sources.

you are viewing a single comment's thread
view the rest of the comments
[–] Crumpled6273@lemmy.ca 2 points 2 days ago* (last edited 2 days ago) (1 children)

Do you mean, how i convert markdown to html? There are tools online for that.

Just search for "markdown to html convertor".

[–] Hugh@programming.dev 2 points 1 day ago* (last edited 1 day ago) (1 children)

I am curious about your workflow, are you writing your blog posts in markdown, the using an online markdown to html converter, then copy pasting the output onto your website?

Also this is a good resource for learning some CSS: https://css-tricks.com/

They have some very helpful guides for things like flex boxes: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

[–] Crumpled6273@lemmy.ca 1 points 1 day ago

I use ghostwriter to write blogs in markdown. Then with the help of a converter i convert it into html format and modify it from there.

Why not directly write in HTML?

Because for me writing blogs in direct html feels so hard for several reasons,

  • Adding tags every-time affects my writing flow.
  • Markdown is so simple compared to HTML and ghostwriter shows a direct live preview on the side.
  • Markdown to HTML converters work so well by converting the markdown symbols into proper HTML tag.

But why I may switch?

I would consider to switch to directly writing blogs in HTML when i have enough knowledge about web development. The reasons are,

  • It is harder to correct or tweak lines of converted HTML, when compared to directly written HTML.
  • Converters are not perfect either, they make mistakes when identifying equivalent tags. Then later it will become a headache to review again and again.
  • Later we have to implement CSS and class by reading each line of converted HTML, which actually doubles the effort.
  • If I learned HTML, CSS and JavaScript well, and get comfort with it, then there is no need to write in Markdown format, use Hugo/Zola, find a good pre-built theme and keep it from breaking, etc. HTML, CSS, JavaScript manages itself everything.
  • Managing our own website and writing blogs in it is actually very interesting and exciting than writing blogs in someones else's template/theme. (No matter we get viewers or not).

I recommend directly writing on HTML rather than Markdown to reduce the effort needed.

Thank you for the resources. It looks very helpful.