The Common Coder
The Common Coder
  • Видео 37
  • Просмотров 17 321
How to Use Prettier with VS Code! (2024 Full Tutorial)
Are you tired of messy, inconsistent code? Let's fix that with Prettier and VS Code!
Prettier is an opinionated code formatter helps keep your code styling consistent across projects and teams. In this video, we'll walk you through how to use Prettier with Visual Studio Code. First, we'll learn how to install Prettier into our projects via the command line. Next, we'll install and configure the Prettier extension for VS Code, allowing us to get extra feedback in our editor and auto-format our code when we save our files. Finally, we'll learn how to overwrite some of the default Prettier rules to customize our code styling. Whether you're a solo developer or part of a team, Prettier helps e...
Просмотров: 53

Видео

The BEST Way to Use ESLint with Visual Studio Code!
Просмотров 178День назад
Let's learn the BEST way to use ESLint with Visual Studio Code: The ESLint Extension! ESLint is an essential tool for developers wanting to write clean and error-free JavaScript code. In this video, we'll learn how to bring ESLint's features into Visual Studio Code by installing the official ESLint extension. We'll cover the prerequisites for using the ESLint extension, how to install it into V...
How to Set Up ESLint in 2024 (For Beginners)
Просмотров 80014 дней назад
Let's learn how to install and configure ESLint! ESLint is a powerful tool designed to help you catch errors and enforce coding standards in your JavaScript projects. In this video, we'll guide you through the process of installing ESLint and configuring it to ensure your code is clean, consistent, and free of common mistakes. Whether you’re a complete beginner or you've used ESLint before, und...
How to Download and Install Node.js in 2024 | Mac & Windows
Просмотров 60321 день назад
How to Download and Install Node.js in 2024 | Mac & Windows
HTML Elements and Attributes: A Beginner's Guide
Просмотров 124Месяц назад
HTML Elements and Attributes: A Beginner's Guide
Git Essentials in VS Code: A Step-by-Step Guide
Просмотров 990Месяц назад
Git Essentials in VS Code: A Step-by-Step Guide
How To Deploy a React App on GitHub Pages (Two Different Ways)
Просмотров 2662 месяца назад
How To Deploy a React App on GitHub Pages (Two Different Ways)
Top 5 Must-Know Git And GitHub Commands!
Просмотров 1662 месяца назад
Top 5 Must-Know Git And GitHub Commands!
How to Use GitHub Pages: 2024 Beginner's Guide
Просмотров 3,2 тыс.3 месяца назад
How to Use GitHub Pages: 2024 Beginner's Guide
How To Delete and Restore a Repository on GitHub in 2024
Просмотров 493 месяца назад
How To Delete and Restore a Repository on GitHub in 2024
How to Upload Your Project On GitHub in 8 Minutes!
Просмотров 2253 месяца назад
How to Upload Your Project On GitHub in 8 Minutes!
How to Create an SSH Key for GitHub in 2024 | Mac & Windows
Просмотров 2753 месяца назад
How to Create an SSH Key for GitHub in 2024 | Mac & Windows
Git Tutorial: Learn How To Use Git in 23 Minutes!
Просмотров 904 месяца назад
Git Tutorial: Learn How To Use Git in 23 Minutes!
How to Download and Install Git in 2024 | Mac & Windows
Просмотров 2734 месяца назад
How to Download and Install Git in 2024 | Mac & Windows
How to Create a GitHub Account (For Beginners!)
Просмотров 1464 месяца назад
How to Create a GitHub Account (For Beginners!)
Top 10 VS Code Extensions for Web Developers (And How to Use Them!)
Просмотров 674 месяца назад
Top 10 VS Code Extensions for Web Developers (And How to Use Them!)
Ten VS Code Keyboard Shortcuts Every Developer Should Know!
Просмотров 575 месяцев назад
Ten VS Code Keyboard Shortcuts Every Developer Should Know!
Visual Studio Code: An Overview and Tutorial for Beginners!
Просмотров 5245 месяцев назад
Visual Studio Code: An Overview and Tutorial for Beginners!
Installing Visual Studio Code on Mac and Windows (Step-by-Step)
Просмотров 1115 месяцев назад
Installing Visual Studio Code on Mac and Windows (Step-by-Step)
Understanding HTML Block and Inline Elements!
Просмотров 575 месяцев назад
Understanding HTML Block and Inline Elements!
How To Validate HTML Code - What You Need To Know
Просмотров 376 месяцев назад
How To Validate HTML Code - What You Need To Know
What is HTML: Exploring the Basics
Просмотров 406 месяцев назад
What is HTML: Exploring the Basics

Комментарии

  • @lite_anime
    @lite_anime 4 дня назад

    Bro do a video of setting up eslint + prettier with typescript

    • @thecommoncoder
      @thecommoncoder 4 дня назад

      @@lite_anime thanks for the suggestion! I’ll add that to my list. 🙏 It shouldn’t be too different than the regular JS setup, but you’ll probably need the TypeScript plugin for ESLint.

  • @thecommoncoder
    @thecommoncoder 4 дня назад

    Are you team tabs or spaces? Let me know! 👇

  • @Neosilvium27
    @Neosilvium27 7 дней назад

    I’m probably gonna need this so ima save this for later :D

  • @BrianCullen85
    @BrianCullen85 9 дней назад

    Great video. Is there a way to visualise the branches?

    • @thecommoncoder
      @thecommoncoder 8 дней назад

      I’ve always used the GitLens extension in the past, but it’s changed a lot over the years and they charge for the premium features. I see a lot of folks recommending GitGraph these days (also an extension). Hope that helps!

  • @FloorMann
    @FloorMann 11 дней назад

    first

  • @wanmohdazwanwanazman7688
    @wanmohdazwanwanazman7688 11 дней назад

    Are you included in the good cops too?

    • @thecommoncoder
      @thecommoncoder 11 дней назад

      I'm confused. What does this mean? 😆

  • @thecommoncoder
    @thecommoncoder 12 дней назад

    Are you using ESLint in your projects? Let me know! 👇

  • @sergiocely10-dev
    @sergiocely10-dev 16 дней назад

    Thank you for the video, it was very helpful.

  • @ZachPerrySwift
    @ZachPerrySwift 17 дней назад

    Finally an easy, simple tutorial to follow. Thankyou!

  • @thecommoncoder
    @thecommoncoder 19 дней назад

    What else would you like to learn about ESLint? Let me know! 👇

    • @olabanjoolakunori5151
      @olabanjoolakunori5151 7 дней назад

      Formatting imports and using the plugins that helop do that. Great video btw

    • @thecommoncoder
      @thecommoncoder 5 дней назад

      @olabanjoolakunori5151 I'm working on a video about prettier right now, and then I'll follow that one up with a video about using ESLint and Prettier together to do some auto formatting. Thanks for watching!

    • @olabanjoolakunori5151
      @olabanjoolakunori5151 5 дней назад

      @@thecommoncoder That's superb, thank you🙏🏾

  • @christopherlyons7613
    @christopherlyons7613 21 день назад

    Question. In video #3 (How to Upload Your Project) you didn't do the configuration first. Does this configuration need to be done in order for the video #3 steps to work properly?

    • @thecommoncoder
      @thecommoncoder 21 день назад

      Good question! This video and the upload project video are loosely related, but are more or less independent topics. This video focuses more on the essential commands for working with GitHub, while the other video is more about taking an existing project on your computer and putting it up on GitHub. There is definitely some overlap though. 👍

  • @christopherlyons7613
    @christopherlyons7613 21 день назад

    Question. If I want to have my Git account accessible by anyone (I'm an instructor and want to have my students access this account to get code & files stored there) do you still have to create an SSH key? Would that require anyone accessing the account to go through the SSH creation process first? Appreciate any info. Thanks.

    • @thecommoncoder
      @thecommoncoder 21 день назад

      @@christopherlyons7613 Great question! As long as your repositories are public, students will have read-only access to any code within the repository (even without an SSH key or a GitHub account). They can either clone the repo using HTTPS, the GitHub CLI, or by downloading the repo as a zip file. The SSH key becomes important when you are creating your own repositories, or you are a contributor to another repository and GitHub needs to know who you are. Hope that helps!

    • @christopherlyons7613
      @christopherlyons7613 21 день назад

      ​@@thecommoncoderGreat thank you. So if I create a PUBLIC repository then anyone can download (CLONE) the repository regardless of SSH key status, correct? Now what happens if I create a PRIVATE repository? Which I'm leaning to since I'd rather restrict access just to my students (but I wouldn't want to have them create SSH keys and require me to add/delete all that for every class). This is where a userid/password seems to make more sense for my use case. Is there any way to configure it to work the way I want?

    • @thecommoncoder
      @thecommoncoder 21 день назад

      @christopherlyons7613 For a private repo, you'll have to grant each student access to the repo. Students would need to setup an SSH key for read-only access in that case, but that doesn't require anything to be done on your end. However, you will have to manually add the list of students to the repository though, which can be tedious depending on the number of students. For some additional context, SSH keys are computer/account specific. This means that each student would manage their own SSH key(s) for their GitHub Account. It essentially sets up the authentication between their computer and their GitHub account so you don't have to put in a username/password each time something on your computer interacts with GitHub (command line, VS Code, GitHub Desktop, etc).

    • @christopherlyons7613
      @christopherlyons7613 21 день назад

      @@thecommoncoder K. Is there any way to setup a PUBLIC repo that you can restrict who can gain access? Guess that doesn't really make sense but I think what I need to do will be easiest to handle with a PUBLIC repo but I'd like to limit that to just class students. I don't want to take them through SSH setup nor really require them to have a Git account to access the files. I could also just do this through a shared cloud drive. But I wanted to at least introduce them to Git & GitHub and thought this would be a way to do that.

    • @thecommoncoder
      @thecommoncoder 21 день назад

      @christopherlyons7613 Not that I'm aware of. I feel like you run the same risk either way with a public repo or a shared cloud drive link. That link could theoretically be shared with anyone just the same as a link to the repository. It think the best option in this case would be a public repo if you don't want to manage access.

  • @architsingh1572
    @architsingh1572 23 дня назад

    I have downloaded the node.js but it is not running javascript code .

    • @thecommoncoder
      @thecommoncoder 23 дня назад

      Are you able to run "node -v" in the command line and see the version? If not, you might want to try re-installing and/or restarting your computer. If the above command works, how are you trying to run your JavaScript code? To run code in a JavaScript file, you'll need to type "node path/to/javascript/file.js" in the command line in order to run it. Usually, you'll want to navigate to the location of your project with the command line, and then run your project files from there. For example, if your project was in "~/Documents/Code/MyProject" and your JavaScript file was called "index.js", you'd want to first navigate to the project folder using "cd ~/Documents/Code/MyProject", then run "node index.js" whenever you wanted to run your code. Hope that helps!

    • @architsingh1572
      @architsingh1572 23 дня назад

      @@thecommoncoder Thanks 😀

    • @Sa33d215
      @Sa33d215 21 день назад

      I can't run it I got a message saying to run the file in a shell now I try to run it and an error message came up. please help me

  • @thecommoncoder
    @thecommoncoder 27 дней назад

    What else would you like to learn about Node.js? Let me know! 👇

  • @VictorVictory-te2ij
    @VictorVictory-te2ij Месяц назад

    Thanks for going in-depth with your explanations. Looking forward to more of such trainings from you! Keep it up Sir!

    • @thecommoncoder
      @thecommoncoder Месяц назад

      You're very welcome. Thanks for watching! 😊

  • @thecommoncoder
    @thecommoncoder Месяц назад

    What else would you like to learn about HTML? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder Месяц назад

    What else would you like to learn about Git and VS Code? Let me know! 👇

    • @drivetrainerYT
      @drivetrainerYT Месяц назад

      Please do more, Really dense and practical delivery, thank you

    • @thecommoncoder
      @thecommoncoder Месяц назад

      @drivetrainerYT Thats the plan! Thanks for watching 🙏

  • @BytesByBlinken
    @BytesByBlinken 2 месяца назад

    thanks. I was able to deploy my first page this way. Love the video

    • @thecommoncoder
      @thecommoncoder 2 месяца назад

      That’s awesome! Glad it was helpful. 😊

  • @thecommoncoder
    @thecommoncoder 2 месяца назад

    What else would you like to learn about GitHub Pages? Let me know! 👇

  • @georgelep7031
    @georgelep7031 2 месяца назад

    Please do one custom Domains

  • @cbbcbb6803
    @cbbcbb6803 2 месяца назад

    What exactly does lightweight mean? Need a tutorial for vscode on Linux too.

    • @thecommoncoder
      @thecommoncoder 2 месяца назад

      In this context, “lightweight” just means that it’s not very resource intensive on your machine. Its main focus is on the code, but it can be customized and extended based on what types of projects that you are working on. Other editors offer a more “all in one” solution, but they are usually more resource intensive, take up more disk space, and are specific to a certain type of development. Most of what is in this video should apply to Linux as well, but any keyboard shortcuts might be a little bit different.

  • @arunbalakrishnan8978
    @arunbalakrishnan8978 2 месяца назад

    All the best for your new channel. Make some unique videos. will get lot of followers..

    • @thecommoncoder
      @thecommoncoder 2 месяца назад

      Thanks man! I appreciate the kind words. 🙏

  • @samuelstefansalvatierra6894
    @samuelstefansalvatierra6894 2 месяца назад

    do you need to upgrade your github to access pages?

    • @thecommoncoder
      @thecommoncoder 2 месяца назад

      Nope! You can use GitHub Pages with a standard GitHub account. That's what I'm using in this video. 😁

  • @thecommoncoder
    @thecommoncoder 2 месяца назад

    What else would you like to learn about Git and GitHub? Let me know! 👇

  • @souvikroy14
    @souvikroy14 3 месяца назад

    It would be great if you also provide the git commands in form of pdf for future reference

    • @thecommoncoder
      @thecommoncoder 3 месяца назад

      That's a really good idea! I think a gist or something similar might actually work better than a PDF, that way it's easy to copy and can be updated if needed. 👍

  • @souvikroy14
    @souvikroy14 3 месяца назад

    Bro keep up the good work 👍

  • @TheKingofparis148
    @TheKingofparis148 3 месяца назад

    good content like the video gained a sub! will watch more of your content

    • @thecommoncoder
      @thecommoncoder 3 месяца назад

      Thanks for the sub! 🙏 I'll be making a video soon about essential Git commands when working with GitHub, which will include things like "git clone", "git pull" and "git push".

  • @thecommoncoder
    @thecommoncoder 3 месяца назад

    What else would you like to learn about GitHub Pages? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 3 месяца назад

    What else would you like to learn about GitHub? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 3 месяца назад

    What else would you like to learn about Git and GitHub? Let me know! 👇

    • @nepovlog7703
      @nepovlog7703 3 месяца назад

      Every essential basic thing such as fork, clone, push, and public repository for beginners and intermediate levels.

    • @thecommoncoder
      @thecommoncoder 3 месяца назад

      I've got a Git tutorial on my channel that goes over the basics, but it doesn't get into the GitHub specific commands. I plan on making a video about the GitHub Flow soon, which will cover things like cloning, branching, pushing, merging and pull requests. Here's the Git tutorial if you are interested: ruclips.net/video/O4zb_bLRdPE/видео.html

  • @thecommoncoder
    @thecommoncoder 3 месяца назад

    What else would you like to learn about GitHub? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 4 месяца назад

    What else would you like to learn about Git? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 4 месяца назад

    What else would you like to know about Git? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 4 месяца назад

    What else would you like to know about GitHub? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 4 месяца назад

    What other VS Code extensions are you using? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 5 месяцев назад

    What other Visual Studio Code shortcuts should be on this list? Let me know! 👇

  • @theparkplace
    @theparkplace 5 месяцев назад

    it’s hard to focus with you casually staring into my soul in the corner

    • @thecommoncoder
      @thecommoncoder 5 месяцев назад

      I need to make sure you are paying attention! 😂

    • @uniquetaiwan
      @uniquetaiwan 2 месяца назад

      @@thecommoncoder great mentor, thanks so much:)

    • @thecommoncoder
      @thecommoncoder 2 месяца назад

      @uniquetaiwan No, thank you! 😊

  • @thecommoncoder
    @thecommoncoder 5 месяцев назад

    What else would you like to know about Visual Studio Code? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 5 месяцев назад

    What else would you like to learn about Visual Studio Code? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 5 месяцев назад

    What else would you like to learn about Block, Inline and Inline-Block elements in HTML? Let me know! 👇👇👇

  • @thecommoncoder
    @thecommoncoder 6 месяцев назад

    What else would you like to learn about HTML? Let me know! 👇

  • @thecommoncoder
    @thecommoncoder 6 месяцев назад

    NOTE: If you are following along with the demo in this video, be sure to save your HTML document before viewing it in the browser. 🙂 What else would you like to learn about HTML? Let me know! 👇

  • @theforoumfurry
    @theforoumfurry 6 месяцев назад

    Hello! This is exactly what I was looking for! Much appreicated but quick question as I am not getting the HTML page at the end when following along. I have the exact same code as you but the tab shows the title as "index.html" and there is just a blank web page with nothing on it. Any idea as to whats going on?

    • @theforoumfurry
      @theforoumfurry 6 месяцев назад

      when I inspect the page I only get <html> <head></head> <body></body> <html>

    • @theforoumfurry
      @theforoumfurry 6 месяцев назад

      @@thecommoncoder Hey I posted it. Thanks in advance for any feedback and even posting this in the first place!

    • @theforoumfurry
      @theforoumfurry 6 месяцев назад

      @@thecommoncoder The problem was that it wasnt saved! Thanks you have now allowed my to continue my HTML journey haha

    • @thecommoncoder
      @thecommoncoder 6 месяцев назад

      @@theforoumfurry Awesome! Glad it's working now. 👏