Тёмный

How to create a website 

Codecademy
Подписаться 310 тыс.
Просмотров 235 тыс.
50% 1

One of the most memorable milestones in your journey as a web developer is going to be when you create your first website and on your own computer. In this video, Brendan walks you through this process!
Take Codecademy's Introduction to HTML course: j.mp/3eOYo8D
More details:
Visual Studio Code: code.visualstu...
Codecademy Create a Website Article: j.mp/3ugmq30
- - - - -
Join the millions learning to code with Codecademy.
Learn to code: j.mp/3h2fVgm
Check out our full course catalog: j.mp/338RXYI

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

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 114   
@cybersecdime2495
@cybersecdime2495 4 года назад
This was simple and straightforward! Thank you.
@spelf
@spelf 3 года назад
Really nice video, I had been struggling to find a clear explanation about how to save folders and what to name the etc and this has been really really helpful 👍
@ameliedanckwerts9880
@ameliedanckwerts9880 2 года назад
Better than any teacher ever could explain thank you
@Layarion
@Layarion Год назад
i def like the extra tidbits, and it feels like you planned this thoroughly ahead of time because there's very little speech disfluency.
@The_Superior_Self
@The_Superior_Self Месяц назад
This is awsome. I finally feel like I can get my hands on coding whatever im smart enough to come up with.
@JC-tu1vx
@JC-tu1vx Год назад
This was helpful! Thank you! You might want to update it a little because the interface has changed somewhat but other than that, this is totally helpful!
@stimpyfeelinit
@stimpyfeelinit 3 года назад
we're all gonna make it bros
@cliffgreene1675
@cliffgreene1675 5 лет назад
13:19..... Turn up the volume....😉
@Edxstream
@Edxstream 5 лет назад
fak
@kenkenwelch
@kenkenwelch 5 лет назад
baha
@isaelsky21
@isaelsky21 2 года назад
10:05..... lol the NY coming out haha
@SabreDash9
@SabreDash9 2 года назад
Hey! I decided to completely change my sphere of work from teaching English to Front-end development at the age of 28 :D That's not easy at all!!! Your video is of great help and I also like your voice a lot
@atterodominantus5381
@atterodominantus5381 2 года назад
u still on that path? :D
@SabreDash9
@SabreDash9 2 года назад
@@atterodominantus5381 yep, never giving up easily :D
@atterodominantus5381
@atterodominantus5381 2 года назад
@@SabreDash9 nicee..i am in 20th day of new life path haha..u?
@SabreDash9
@SabreDash9 2 года назад
@@atterodominantus5381 Well, mb 3 months... I go slowly :)
@AIComputer
@AIComputer 2 года назад
@@SabreDash9 How has the learning curve been? Do you imagine searching for job anytime soon?
@yunpingk4306
@yunpingk4306 9 месяцев назад
Thanks for the clear concise and funny instruction.
@rogerchavez8493
@rogerchavez8493 2 года назад
instead of the codecademy folder could you start from scratch
@Babajide-s7c
@Babajide-s7c Месяц назад
This was pretty helpful. But my only problem is that my code is not uploaded to the net, what I mean is i am the only one that can view the site because i have the path. But if I wanna upload it so anyone can access it. How do I do it. Please reply me
@joebecker561
@joebecker561 Год назад
i copied the URL for the image but even when uploaded to vs code it still didnt render the image on the website, i didnt know if i needed an image that had the URL media but cannot get it to work and its driving me mad.
@lalitkumarsahoo8029
@lalitkumarsahoo8029 3 года назад
Which extension are you using? I am a bit confused.
@Endlesssssss
@Endlesssssss 4 года назад
How did you indent @ 5:25?
@dmitrygolovachev5772
@dmitrygolovachev5772 4 года назад
Tab
@stephensmith430
@stephensmith430 7 месяцев назад
as many times as I try to get this to work it won't show up on a url on my macbook pro
@frankschuringa3780
@frankschuringa3780 5 лет назад
Thank you for this video, you explain everything very good and also keep it very interesting!
@clausilkjaer
@clausilkjaer 10 месяцев назад
Where is the link to the course on the command line, or am I missing something?
@amerhariri
@amerhariri 4 года назад
Hello, please, what is the theme used in the interface?
@kravataf
@kravataf 2 года назад
Nice video thanks for helping, Me and some other plp are working on a game and i wanted to make web for it
@LoofaTroopa
@LoofaTroopa 3 года назад
When I paste my html path, it just opens a google search, and doesn't actually open the website. What do I need to do?
@davidtrueheroakad-true8318
@davidtrueheroakad-true8318 3 года назад
Did you figure it out ? Same happens to me 😵
@joshuagreene8148
@joshuagreene8148 3 года назад
@@davidtrueheroakad-true8318 Hey guys! Ensure you are saving the file into a folder. If you are using Visual Studio Code, you can also navigate the top menu and go to "Terminal" > "Run Active File." Just ensure that you are saving your file. Happy coding!
@An-yh2bl
@An-yh2bl 3 года назад
@@joshuagreene8148 I get the following message: "zsh: permission denied" after it stands the URL. I don´t understand why. (I work on a Macbook).
@drssaMatthewBellamy
@drssaMatthewBellamy 2 года назад
Hi!! I'm late but I figured it out! He's using Google Chrome, it does not work with safari
@shimali06
@shimali06 2 года назад
@@drssaMatthewBellamy thank you so much. I was getting so frustrated. I downloaded google chrome after reading your message, and boom there's my first website from this lesson.
@ETAonTheEUC
@ETAonTheEUC 7 месяцев назад
Simple and clear. Thanks!
@danishrazdan150
@danishrazdan150 4 года назад
This is just Nice and clean work. But I m having Problems with image part. Hope these gets solved. But Thank You.
@bingecommunity4509
@bingecommunity4509 2 года назад
After selecting an image that you want to use, right-click on the image and select the image address option then paste it. It's that simple.
@rogerchavez8493
@rogerchavez8493 2 года назад
I got lost at the new folder, insted of opening up an existing one you shouldve made a brand new one from scratch.
@thems.sspanglish557
@thems.sspanglish557 3 года назад
Can someone give instructions on a window computer? I'm so confused
@xtianperle8925
@xtianperle8925 3 года назад
well it was pretty great....l learnt lots. thank you
@GGLaVitaMia
@GGLaVitaMia Год назад
Hi thank you so much for this video - you have a real gift for teaching and explain everything so clearly (i'm really enjoying my codecademy courses). I do have a question though, how do you make the website go live from here? And does each file under a folder represent a different section of the website i.e index.html is the home page, then you have 'about us' or 'our story', 'products' etc, and how do you link them together? And then if you are building a new website do you build them together?
@CrysCrain
@CrysCrain 4 года назад
i put a photo in my code editor just like the video and it didn't show. now sure what's up with that.
@Jridgen
@Jridgen 4 года назад
I had the same problem.
@scottretford366
@scottretford366 4 года назад
It took a couple tries with different photos but it worked. We may have chose photos with copyrights at first or key words/phrases in the url that won't allow you to copy them from one webpage to another. Keep trying you'll find one that works
@FutureInnovators
@FutureInnovators 5 лет назад
Thanks!! very useful video. please keep uploading project video like this one and please make videos on "making dynamic websites".
@ianflod4182
@ianflod4182 2 года назад
That was awesome Brendan!! Really well explained
@DonVinny
@DonVinny 3 года назад
I couldn't get the image to load up, is there something that you haven't told us?
@GameFreakEXP
@GameFreakEXP 2 года назад
Yea I think he probably expected us to figure it out, but if you open the image in a new tab and you see .jpg at the end of the url you will get the image
@jamesdarnel
@jamesdarnel 4 года назад
dang can yall make one without the tabs cut off? was a bit confusing for a complete noob
@davidtrueheroakad-true8318
@davidtrueheroakad-true8318 3 года назад
Hey man my Mac doesn’t view the website like it does on yours how can I fix that?
@joshuagreene2808
@joshuagreene2808 3 года назад
Good afternoon! Virtual Studio Code also has a installable extension to assist you in viewing code right in VSC. It's called HTML Preview, and once you have the extension installed, you just need to Shift+Control+V.
@Andrea100186
@Andrea100186 4 года назад
There's one thing I don't understand: when you type HTML, why does the editor write so much tags all together? and why something similar happens when you type the img tag (where the editor brings the src and alt properties)? how do you configure that?
@prashantkumar9758
@prashantkumar9758 4 года назад
He is using Sublime Text editor . There are lots of shortcuts. for example, if you write html and press Tab key , it will give the basic structure of html.
@msnadia
@msnadia 4 года назад
@@prashantkumar9758 is there another extension besides Sublime Text editor that will automatically insert a tags required attributes? Ex: attributes were automatically added at 11:49
@DatNgo-ov6yc
@DatNgo-ov6yc Год назад
Thank you codecademy!!
@laimia2012
@laimia2012 4 года назад
how to type "command forward slash" ? i don't understand, please show it for me. thank u.
@joshuagreene8148
@joshuagreene8148 3 года назад
You may have had this answered for you, but it is literally the command button plus the "/" button simultaneously. If you are on windows, it is CTRL+/
@TheJegan23
@TheJegan23 3 года назад
@@joshuagreene8148 Thank You. I was looking for this answer.
@user-kp2wl4jm1d
@user-kp2wl4jm1d Год назад
Can we do it on mobile phone
@gabrielmaharaj5241
@gabrielmaharaj5241 Год назад
what was that at 13:20 🥴😅
@hertechera
@hertechera Год назад
Thank you
@marlish1
@marlish1 3 года назад
Cant start this project because I dont have an OPEN option in the menu like you do. just open file folder workspace etc. HELP
@courtneydixon7915
@courtneydixon7915 3 года назад
under file just choose the new file option
@iFudge1016
@iFudge1016 4 месяца назад
Watching this during the Drake vs. Kendrick beef is peak lol
@leostha225
@leostha225 5 лет назад
Learnt to create Front-end website development Using CSS and HTML.
@TrueLordBarrington
@TrueLordBarrington 2 года назад
Where I can get an image from video?
@charleymcgovern5355
@charleymcgovern5355 4 года назад
This has been very helpful. Thankyou :)
@user-le9kn4rf2p
@user-le9kn4rf2p 5 лет назад
Awesome! Thanks.
@abdulrahmanalanazi6502
@abdulrahmanalanazi6502 3 года назад
5:25 how did you do that ?
@AmyZhang7
@AmyZhang7 2 года назад
Press the Tab key.
@25sumpter
@25sumpter Год назад
Thank you so much for this
@user-td9sc8kp1i
@user-td9sc8kp1i 11 месяцев назад
Thank you so much ❤
@kishorekumarm903
@kishorekumarm903 4 года назад
How to make local url to remote url any help thank you 🙏
@mikeshilovski1512
@mikeshilovski1512 5 лет назад
Awesome!
@bakrsaleh9629
@bakrsaleh9629 2 года назад
very useful thank U
@ruhisingh8475
@ruhisingh8475 3 года назад
where can i watch second part
@petergurdonjr5071
@petergurdonjr5071 4 года назад
how do u make it smaller
@aethylwulfeiii6502
@aethylwulfeiii6502 Год назад
So how do you use your own images that are not on the internet already? Otherwise a pretty good tutorial.
@aethylwulfeiii6502
@aethylwulfeiii6502 Год назад
Just put the file in the same folder and write it like this
@BorisDiRocco
@BorisDiRocco 3 года назад
great, thanks!
@nuigidesu
@nuigidesu 2 года назад
Nice video!
@leostha225
@leostha225 5 лет назад
I am learning Java right now.
@mrpolex2405
@mrpolex2405 3 года назад
Is making the website free?
@danelbryan5805
@danelbryan5805 5 лет назад
I need you be my personal trainer .
@conormcgarry4844
@conormcgarry4844 3 года назад
i cannot see the authors top of the screen so i got lost long the way
@petergurdonjr5071
@petergurdonjr5071 4 года назад
how do you find the gritty img
@joshuagreene8148
@joshuagreene8148 3 года назад
A quick google or Bing search will get you there :)
@blackskull7777
@blackskull7777 4 года назад
Good Video but i had to turn the volume to full where normally my ears bleed in other videos.
@Abdul-bq2gc
@Abdul-bq2gc 2 года назад
What does Css mean 13:00
@tjrafaels5407
@tjrafaels5407 Год назад
Cascading Style Sheets
@faribadadko5694
@faribadadko5694 3 года назад
BOOM - well done!
@leostha225
@leostha225 5 лет назад
Learning Java
@leostha225
@leostha225 5 лет назад
I am also Codecademy user
@abdullmohamed6123
@abdullmohamed6123 2 года назад
@13:9
@bekroz
@bekroz 3 года назад
You look "high" 😂😂😂
@leostha225
@leostha225 5 лет назад
??????
@iDaniel2011
@iDaniel2011 4 года назад
this guy is hot and informative thank you, codecademy
@elisa2463
@elisa2463 10 месяцев назад
ok it's kind of annoying that you pay a pro subscription and then have a video of 4 years ago🤨and this is not the first one, I'm starting to think I could use money for a different service
@leostha225
@leostha225 5 лет назад
Why don't you Upload Intresting Videos on daily basis.
@BridgetNamugolo
@BridgetNamugolo Месяц назад
Your too speady for us the slow learners
@leostha225
@leostha225 5 лет назад
The fascinating fact is that I have not access to CodeCademy Pro but I am accessing to Codecademy Pro by creating multiple accounts.
@nikitashotya
@nikitashotya 5 лет назад
How
@leostha225
@leostha225 5 лет назад
Isn't that cool ?
@dogcat6221
@dogcat6221 3 года назад
very cool my man
@derekhowes2513
@derekhowes2513 4 года назад
This video is useless if you're on pc
@emailmailson6089
@emailmailson6089 Год назад
Useless
Далее
Create your first HTML/CSS project
19:16
Просмотров 245 тыс.
What I wish I knew when I first started coding
6:43
Просмотров 239 тыс.
Create your first HTML/CSS/JS project
20:50
Просмотров 186 тыс.
5 simple tips to making responsive layouts the easy way
15:54
Backend web development - a complete overview
12:58
Просмотров 1,7 млн
Mandatory fun activities - The Office US
18:07
Просмотров 1,6 млн
How To Build A $10,000 Website With No-Code + AI
12:42
Просмотров 730 тыс.
How long does it take to learn to code?
6:21
Просмотров 314 тыс.
10 CSS Pro Tips - Code this, NOT that!
9:39
Просмотров 2,2 млн
How To Build a $20,000 3D Website (No Code + AI)
8:12
Просмотров 221 тыс.
BEST Website Builder 2024 (My TOP Recommendation)
15:27
How I'd Learn Web Development (If I Could Start Over)
6:55