Tag: Visual Studio

[#Script #Coding] Best CSS Tool for VS Code!! Mirror Editing

Posted on by Eric Brooks

Best CSS Tool for VS Code!! Mirror Editing

By codeSTACKr
Published: Feb 08, 2023

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

VS Code Tip of the Day
Here’s one really cool feature of this extension. The feature is called CSS Mirror Editing.
In the dev tools, make any style changes you want. You’ll see them happen in real-time and the updates will be saved automatically to your stylesheet.
This is one of the coolest things I’ve seen in a while!
The Microsoft Edge Tools for Visual Studio Code extension allows you to use the Developers Tools right inside VS Code.

”

[#Script #Coding] FREE Link-in-Bio Generator that Twitter Cannot Ban

Posted on by Eric Brooks

FREE Link-in-Bio Generator that Twitter Cannot Ban

By codeSTACKr
Published

: Dec 24, 2022

“
codeSTACKr Upvote on Product Hunt: https://www.producthunt.com/posts/gentr-ee
Become A VS Code SuperHero Today: https://vsCodeHero.com

Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Twitter (Elon Musk) announced that they will no longer allow free promotion of certain social media platforms on Twitter. The platforms that are restricted are Facebook, Instagram, Mastodon, Truth Social, Tribel, Nostr, Post, and 3rd-party social media link aggregators such as linktr.ee, lnk.bio.

Let’s take a look at this new policy and figure out how we can continue to provide value to our audiences.

Improve your online presence with a FREE link-in-bio generator that provides a unique URL and is not affiliated with any 3rd-party link aggregation services. You get full ownership of the generated page, preventing bans from social media platforms like Twitter

RESOURCES
GenTree Link-in-Bio generator: https://gentr.ee
Sign up for GitHub: https://github.com/signup
Sign up for Netlify: https://app.netlify.com/signup
Subscribe to my Newsletter: https://newsletter.codestackr.com/
Upvote on Product Hunt: https://www.producthunt.com/posts/…
Cassidy Williams Article: https://css-tricks.com/hack-the-deploy-to-netlify…

Other:
https://commission.europa.eu/strategy-and-policy…
https://intercom.help/linktree…

    Timestamps

  • 00:00 – Intro
  • 00:31 – Promotion of alternative social platforms policy
  • 03:30 – What does this mean?
  • 04:38 – The policy vanishes
  • 05:29 – What does the future hold?
  • 07:13 – Introducing a Free link-in-bio generator
  • 07:59 – Generate your free link in bio page
  • 10:25 – Deploy your free link in bio page
  • 11:30 – Customize your URL
  • 12:22 – How to update the site
  • 14:18 – Upvote on Product Hunt Please!

”

[#Script #Coding] Best VS Code Extension for JavaScript Console Logging

Posted on by Eric Brooks

Best VS Code Extension for JavaScript Console Logging

By codeSTACKr
Published: Dec 28, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Even though console log may not always be the best way to debug JavaScript, we all use it. So, install the Turbo Console Log extension in VS Code to turbo charge your logs. Select any variable that you want to log, press CTRL+Alt+L (for log) and it will automatically add the log for you.

Not only does it add a log, but it adds to it the file, variable name, and the variable value to make them easy to find in the console. You can customize what’s included in each log in the settings. But that’s not even the best feature of this extension. You can press ALT+Shift+C to comment all log messages in a file.

ALT+Shift+U to uncomment all logs in a file.

And when you’re done debugging, press ALT+Shift+D to delete all logs in the file so no one will ever know you were using console logs to debug!

”

[#Script #Coding] 12 ways to center a div

Posted on by Eric Brooks

12 ways to center a div

By codeSTACKr
Published: Aug 30, 2022

“
codeSTACKr Watch the full explanation video: https://youtu.be/kphds-1V9o8
Become A VS Code SuperHero Today: https://vsCodeHero.com

Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Why is it so hard to center a div in CSS? It used to be, but now we have so many options!

Here are 12 ways to center a div.

”

[#Script #Coding] VS Code Extension: Template String Converter

Posted on by Eric Brooks

VS Code Extension: Template String Converter

By codeSTACKr
Published: Dec 19, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Do you find yourself constantly having to convert strings to template strings so that you can include variables in JavaScript?

The Template String Converter extension in VS Code makes this a breeze!

After you’ve installed it, just start typing a ${ in any single or double quote string and it will automatically convert the string to use backticks!!

You’re welcome!

Tools I use:
codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

Show support!
PayPal: https://paypal.me/codeSTACKr

Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt

Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr

”

[#Script #Coding] Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)

Posted on by Eric Brooks

Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)

By codeSTACKr
Published: Jul 20, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

In this video, we are going to look at some of the recent updates to VS Code (Visual Studio Code) with version 1.69. There are several great improvements.

If you want to learn more about VS Code, check out my VS Code course at https://vsCodeHero.com.

”

[#Script #Coding] Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners

Posted on by Eric Brooks

Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners

By freeCodeCamp.org
Published: Apr 11, 2022

“
freeCodeCamp.org Learn Terraform basics as you utilize Visual Studio Code (On Windows, Mac, or Linux!) to deploy AWS resources and an EC2 instance that you can SSH into to have your own redeployable environment.

    Course Contents

  • Welcome and Setup (0:00)
  • What We’re Going to Build
  • AWS IAM Setup
  • Local Environment Setup
  • Let’s Build! (7:22)
  • AWS Provider and Terraform Init
  • A VPC and Terraform Apply
  • The Terraform State
  • Terraform Destroy
  • A Subnet and Referencing
  • An IGW and Terraform fmt
  • A Route Table
  • A Route Table Association
  • A Security Group
  • An AMI Datasource
  • A Key Pair
  • An EC2 Instance
  • Userdata and the File Function
  • SSH Config Scripts
  • The Provisioner and Templatefile
  • The Deployment and Replace
  • Variables
  • Variable Precedence
  • Conditional Expressions
  • Outputs
  • Conclusion

”

[#Script #Coding] Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners

Posted on by Eric Brooks

Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners

By freeCodeCamp.org
Published: Jun 29, 2022

“
freeCodeCamp.org This project will guide you through Terraform basics as you utilize Visual Studio Code (on Windows, Mac, or Linux!) to deploy Azure resources and an Azure VM that you can SSH into to have your own redeployable environment that will be perfect for your own future projects!

Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com
LinkedIn: https://linkedin.com/in/derekm1215
Twitter: https://twitter.com/derekm1215

    Course Contents

  • (0:00:00) Intro
  • (0:01:51) VSCode Setup
  • (0:05:24) Terraform Provider Init
  • (0:11:26) A Resource Group
  • (0:16:57) A Virtual Network and Referencing other Resources
  • (0:23:29) Terraform State
  • (0:27:17) Terraform Destroy
  • (0:30:29) A Subnet
  • (0:35:36) A Security Group
  • (0:41:51) Security Group Associations
  • (0:44:00) A Public IP
  • (0:47:40) A Network Interface
  • (0:52:45) A Key Pair
  • (0:57:57) Custom Data
  • (1:02:24) SSH Config Scripts
  • (1:05:56) The Provisioner
  • (1:14:53) Data Sources
  • (1:19:04) Outputs
  • (1:23:09) Variables
  • (1:26:41) Variable Precedence
  • (1:31:09) Conditionals

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…

”

[#Script #Coding] Top VS Code Updates | v1.64 Released!! | Tips & Tricks 2021 (Visual Studio Code)

Posted on by Eric Brooks

Top VS Code Updates | v1.64 Released!! | Tips & Tricks 2021 (Visual Studio Code)

By codeSTACKr
Published: Feb 05, 2022

“
codeSTACKr


In this video, we are going to look at some of the recent updates to VS Code (Visual Studio Code) with version 1.64. There are several great improvements.

[READ MORE]

”

[#Script #Coding] Visual Studio Code Full Course – VS Code for Beginners

Posted on by Eric Brooks

Visual Studio Code Full Course – VS Code for Beginners

By freeCodeCamp.org
Published: Nov 04, 2020

“
freeCodeCamp.org Master Visual Studio Code (VS Code) and increase your programming productivity. You will learn the basics of VS Code along with tips and tricks to become a super user. You will also learn how to install and use common extensions for JavaScript, Python, and PHP.

• Course from Bitfumes. Check out the Bitfumes YouTube channel: https://www.youtube.com/bitfumes

[READ MORE]

”

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect