Gentle Intro to Code Text Editors — Visual Studio Code (HTML, CSS, JavaScript)

ModernNerd
ModernNerd
60 بار بازدید - 4 هفته پیش - This video is a quick
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 (LinkedIn: 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: https://code.visualstudio.com/
* Download Sublime Text: https://www.sublimetext.com/
* Learn HTML: https://developer.mozilla.org/en-US/d...
* Learn CSS: https://developer.mozilla.org/en-US/d...
* Learn JavaScript: https://developer.mozilla.org/en-US/d...

Tags:
#TextEditor #CodingForBeginners #HTML #CSS #JavaScript #VSCODE #WebDevelopment #SublimeText #Notepad++ #CodingTutorial #learntocode2023

Read the video transcript: Medium: 6a23369f6d5b
4 هفته پیش در تاریخ 1403/04/17 منتشر شده است.
60 بـار بازدید شده
... بیشتر