Тёмный

How to create and link HTML, CSS and JavaScript pages in Visual Studio Code 

Zeats
Подписаться 275
Просмотров 27 тыс.
50% 1

In this video we will create an empty HTML, CSS and JavaScript files and then link them all together so we can start making web pages.
This is just a simple refresher on how to setup a webpage in Visual Studio Code so that you are ready to add content.
This video acts as a start for many of my video series
Chapters:
0:00 Video Intro
0:44 Opening working (root) folder
1:45 Root folder explanation
2:14 Where to save the HTML file
2:37 Why do we need CSS files and where to put them
4:36 Where to put images/videos and other assets
5:04 Where to put your JavaScript files
5:14 What is SCSS?
6:00 Where to put your fonts
6:43 Creating a subfolder in VSC
7:18 Create an empty HTML file
7:48 Use Emmet/autocomplete to create blank HTML code
8:12 Create JavaScript file
8:26 Create CSS file
8:50 Dragging files into different folders
9:19 Delete a file
9:46 Create the CSS external link
10:20 What is a relative link
11:46 Overview of an absolute link address
12:01 Create the relative JavaScript file link

Опубликовано:

 

21 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 23   
@TeexMack
@TeexMack 5 месяцев назад
Thank you so much, I'm taking a web development class and this cleared up a lot of stuff for me that I was confused on. Really appreciate this video
@jashithb4056
@jashithb4056 2 года назад
dude people like you need some attention !!! great work
@Zeats
@Zeats 2 года назад
Thanks Jashith, That is very nice of you to say so, my little RU-vid world is growing slowly but surely, getting back into regular video releases so keep coming back for more!
@jashithb4056
@jashithb4056 2 года назад
@@Zeats sure and you know that I subbed you already 😉
@Zeats
@Zeats 2 года назад
Thanks Jashith, every sub helps my friend
@meka3506
@meka3506 2 года назад
Your the best,please don't stop making content.Its well appreciated how you start from scratch and give us the "skinny" about coding.Thank you so much.Btw,i subscribed.
@Zeats
@Zeats 2 года назад
HI Shameka, thanks, I don't people really realise how much we appreciate these positive comments, it really does mean a lot
@akaics
@akaics 4 месяца назад
Amazing, thank you so much for this video!
@shamitekeste
@shamitekeste 3 года назад
great introduction, thank you !!
@Zeats
@Zeats 3 года назад
You're welcome, glad you liked it!
@kobinaassabil1498
@kobinaassabil1498 2 года назад
thanks Bro keep up the good work . just keep on posting videos like this you will come through some day .
@Zeats
@Zeats 2 года назад
Thank you, I will
@Namuggah
@Namuggah 2 года назад
Dear Zen, thank you so much for this video. It came to me at the prfect time and I am extremely grateful for it
@Zeats
@Zeats 2 года назад
Hi Kylie, You are so welcome, I don't think people realise what a boost it is to me to have such nice comments, they really do help get me back on track and make me want to do more. New videos are coming again soon and I should be back to weekly videos again by the end of the month so stay tuned for more useful content!
@Namuggah
@Namuggah 2 года назад
@@Zeats I am 30 years old and making a switch to tech from Media, so everything is so new and scary. This video was such a breath of fresh air. I look forward to more of your tutorials.
@Zeats
@Zeats 2 года назад
Hi Kylie, The first few videos will be coming this week (a bit later than planned), the colour of the banner around the thumbnails will give you an indication of the video level which I am sure you are more than capable of working out for yourself but for completeness of my reply: Green = easy / beginner, Yellow = intermediate difficulty or topic Red = advanced level or topic
@Namuggah
@Namuggah 2 года назад
@@Zeats I’m looking forward to them all.
@zuheeramaheen984
@zuheeramaheen984 2 года назад
thnks u soo much for this video
@uchennachima2880
@uchennachima2880 2 года назад
good afternoon zen,i enjoyed your video.but i have a question?can you pt save images on the image folder and processed with writing the code?
@mantjaneds4981
@mantjaneds4981 2 года назад
You explains well and make it easier for one to understand coding, i find your video deem to spot the cursor and follow as you teach. Please improve the recordings
@Zeats
@Zeats 2 года назад
Hi Mantjane, Thank you for the comments, I'm glad you are finding the videos helpful and will continue to try and improve on the recording and editing.
@nothing80400
@nothing80400 2 года назад
ELEGANCE CONTRACTS ELEGANT PEOPLE VIBE
@rxsmack7960
@rxsmack7960 2 года назад
lets see all those passed codeacademy test now.
Далее
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 925 тыс.
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
Qalpoq - Kichkina tabib (hajviy ko'rsatuv)
30:41
Просмотров 325 тыс.
How to convert a base HTML file into PhP
11:13
Просмотров 12 тыс.
Visual Studio Code Basics for HTML CSS JS
18:45
Просмотров 53 тыс.
Using Visual Studio Code to make a website
8:33
Просмотров 783 тыс.
Code faster with these VS Code shortcuts
8:44
Просмотров 331 тыс.
How to Link a CSS File to a HTML File [Web Tutorial]
4:51