Gentle Intro to Code Text Editors - Visual Studio Code (HTML, CSS, JavaScript)
HTML-код
- Опубликовано: 6 июл 2024
- This video is a quick introduction tutorial on text editors for coding! We explore the similarities between writing an essay in a word document editor, like Google Docs or Microsoft Word, and coding in a text editor. We'll guide you step-by-step on how to download and use a text editor to create and edit your first code files for starting out in web development: HTML, CSS, and JavaScript files.
Instructor: Lincoln W Daniel ( / lincolnwdaniel )
What You'll Learn:
* Introduction to Text Editors: Understand the basics of text editors and how they compare to traditional word processors.
* Downloading a Text Editor: Learn how to download and set up Visual Studio Code, one of the most popular text editors.
* Creating HTML Files: Step-by-step instructions on how to create your first HTML file and write basic HTML code.
* Adding CSS Styles: Learn how to create and link a CSS file to your HTML document to style your web page.
* JavaScript for Interactivity: Discover how to add JavaScript to your HTML to create dynamic and interactive web pages.
Text Editors Covered:
* Visual Studio Code (VS Code)
* Sublime Text
* Notepad++
Key Points:
* Writing and saving documents in text editors.
* The similarities between word processors and text editors for coding.
* Creating and managing files within text editors.
* Writing basic HTML, CSS, and JavaScript code.
* Viewing and testing your web pages in a browser.
* Whether you're new to coding or looking to switch to a new text editor, this video is perfect for beginners and provides a solid foundation for your coding journey.
🔔 Subscribe to stay updated with our latest tutorials!
💬 Comment below if you have any questions or topics you'd like us to cover in future videos.
Resources:
* Download Visual Studio Code: code.visualstudio.com/
* Download Sublime Text: www.sublimetext.com/
* Learn HTML: developer.mozilla.org/en-US/d...
* Learn CSS: developer.mozilla.org/en-US/d...
* Learn JavaScript: developer.mozilla.org/en-US/d...
Tags:
#TextEditor #CodingForBeginners #HTML #CSS #JavaScript #VSCODE #WebDevelopment #SublimeText #Notepad++ #CodingTutorial #learntocode2023
Read the video transcript: / 6a23369f6d5b