Become a website developer without coding #
If you want to become a modern web developer, then this is the right time to learn about modern technologies used in developing websites and blogs.
What are the important points :
Application Support #
Of course, previously we were required to install several applications to support website development technology, such as for Jekyll, we need Ruby to install, whereas in modern frontends such as React JS, Angular, Svelte, other static site generators, most use Node JS in their work, so we need to download the supporting application first.
How Modern Website technology works #
For start, we need to pay attention to what folders are and how they work, how to run commands, such as using the terminal to run a project, such as on Jekyll with the command bundle exec jekyll serve or jekyll serve, then on Eleventy 11ty we will use the command npm start in Astro JS, Svelte , Gatbsy JS and Next Js, we will use npm run dev, these are various commands according to the technology used to run your project. After running it, we can access localhost for local development needs.
Folder Structure #
Next, we will need knowledge about the folder structure, such as to use content updates, we can access the content / blog folder, depending on the technology you use. After knowing the folder structure, we can make changes to the website design and update blog articles and pages. Generally, modern websites will use YAML, Markdown, MDX and JSON files in their work.
Frontmatter #
After knowing the folder structure that we will use to work, the next process for updating the website is relatively easier, this is because we will be working a lot with front matter which is used in various templates, such as using JSON and YAML files which are generally used in settings for site, then the .md Markdown file that will be used to create blog posts and pages.
Start becoming a modern web developer #
After studying the points above, now you can easily set up and update the website quickly, because later we will mostly work by just changing the text on the front matter. Example for implementation.
JSON Code
{
"title": "This is my title",
"url": "my url website in here",
"description": "Description about your site",
"btn": "Deploy Website →",
"link": "https://www.fiverr.com/creativitas/create-your-custom-website-and-app",
"image": "/img/coverimage.png",
}
What do you see in the code above? very easy right? We only need to input the title and description of the existing area then save to make changes.
After the JSON file we will dive YAML which is of course even easier. example implementation code
YAML Code
title: My title for website
description: This is my description
url: my url website in here
It's very easy to work with YAML, just change the title, description and other areas to suit your needs.
Most YAML and JSON files are used for setup on modern website technology, now we will dive how to use markdown in the need to create content for blog articles and pages.
Markdown Code
---
layout: home
title: This is my title
desription: My description goes here
image: My URL Image in here..
tags:
- another tag
- example tag
---
Now you can write post in here....
Markdown Implementation
# = for H1
## = for H2
### = for H3
#### = for H4
##### = for H5
###### = for H6
+ = for list
- = for list
Now you can see how easy it is to use markdown language to update your blog and page content.
OK, Get started now, download our source code projects and learn how to become a modern web developer without coding