Course Content
  • 1. Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #1
    Free YouTube Video
  • 2. HTML Tutorial: Installing VS Code & Live Server | Web Development Tutorials #2
    Free YouTube Video
  • 3. HTML Tutorial: Basic Structure of a Website | Web Development Tutorials #3
    Free YouTube Video
  • 4. HTML Tutorial: Title, Script, Link & Meta Tags | Web Development Tutorials #4
    Free YouTube Video
  • 5. HTML Tutorial: Headings & Paragraphs | Web Development Tutorials #5
    Free YouTube Video
  • 6. HTML Tutorial: Img and Anchor tags | Web Development Tutorials #6
    Free YouTube Video
  • 7. HTML Tutorial: Lists and Tables | Web Development Tutorials #7
    Free YouTube Video
  • 8. HTML Tutorial: Forms & Input Tags | Web Development Tutorials #8
    Free YouTube Video
  • 9. HTML Tutorial: Inline & Block Elements | Web Development Tutorials #9
    Free YouTube Video
  • 10. HTML Tutorial: Ids & Classes in HTML | Web Development Tutorials #10
    Free YouTube Video
  • 11. HTML Tutorial: HTML Entities | Web Development Tutorials #11
    Free YouTube Video
  • 12. HTML Tutorial: Semantic Tags in HTML| Web Development Tutorials #12
    Free YouTube Video
  • 13. CSS Tutorial: Introduction to CSS | Web Development Tutorials #13
    Free YouTube Video
  • 14. CSS Tutorial: Inline, Internal & External CSS | Web Development Tutorials #14
    Free YouTube Video
  • 15. CSS Tutorial: Selectors in CSS | Web Development Tutorials #15
    Free YouTube Video
  • 16. CSS Tutorial: Using Chrome Developer Tools | Web Development Tutorials #16
    Free YouTube Video
  • 17. CSS Tutorial: Fonts In CSS | Web Development Tutorials #17
    Free YouTube Video
  • 18. CSS Tutorial: Colors In CSS | Web Development Tutorials #18
    Free YouTube Video
  • 19. CSS Tutorial: Borders and Backgrounds | Web Development Tutorials #19
    Free YouTube Video
  • 20. CSS Tutorial: CSS Box Model, Margin and Padding | Web Development Tutorials #20
    Free YouTube Video
  • 21. CSS Tutorial: Float & Clear Explained | Web Development Tutorials #21
    Free YouTube Video
  • 22. CSS Tutorial: Styling Links & Buttons | Web Development Tutorials #22
    Free YouTube Video
  • 23. CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #23
    Free YouTube Video
  • 24. CSS Tutorial: CSS Display Property | Web Development Tutorials #24
    Free YouTube Video
  • 25. CSS Tutorial: Position absolute, relative, fixed and sticky in CSS | Web Development Tutorials #25
    Free YouTube Video
  • 26. Project 1: Creating a Gym Website Using HTML5 & CSS3 | Web Development Tutorials #26
    Free YouTube Video
  • 27. CSS Tutorial: Visibility & z-index Explained | Web Development Tutorials #27
    Free YouTube Video
  • 28. CSS Flexbox Tutorial in Hindi | Web Development Tutorials #28
    Free YouTube Video
  • 29. CSS Tutorial: em, rem, vh and vw units + Responsive design Explained | Web Development Tutorials #29
    Free YouTube Video
  • 30. CSS Tutorial: Media Queries Explained | Web Development Tutorials #30
    Free YouTube Video
  • 31. CSS Tutorial: More on CSS Selectors | Web Development Tutorials #31
    Free YouTube Video
  • 32. CSS Tutorial: Attribute & nth child pseudo Selectors | Web Development Tutorials #32
    Free YouTube Video
  • 33. CSS Tutorial: Before and After Pseudo Selectors | Web Development Tutorials #33
    Free YouTube Video
  • 34. CSS Tutorial: Box Shadow and Text Shadow | Web Development Tutorials #34
    Free YouTube Video
  • 35. CSS Tutorial: Variables & Custom Properties | Web Development Tutorials #35
    Free YouTube Video
  • 36. CSS Tutorial: Creating Animations & Keyframes | Web Development Tutorials #36
    Free YouTube Video
  • 37. CSS Tutorial: Creating Transitions in CSS | Web Development Tutorials #37
    Free YouTube Video
  • 38. CSS Tutorial: Transform property in CSS | Web Development Tutorials #38
    Free YouTube Video
  • 39. Creating Fully Responsive Website Project Using HTML & CSS in Hindi | Web Development Tutorials #39
    Free YouTube Video
  • 40. CSS Grid: Introduction & Creating A Basic Grid | Web Development Tutorials #40
    Free YouTube Video
  • 41. CSS Grid: Creating Rows & Gaps in Grid | Web Development Tutorials #41
    Free YouTube Video
  • 42. CSS Grid: Spanning Multiple Rows and Columns in Grid | Web Development Tutorials #42
    Free YouTube Video
  • 43. CSS Grid: Autofit & MinMax | Web Development Tutorials #43
    Free YouTube Video
  • 44. CSS Grid: Creating Layouts Using Grid Template Area | Web Development Tutorials #44
    Free YouTube Video
  • 45. Using Media Queries with CSS Grid | Web Development Tutorials #45
    Free YouTube Video
  • 46. Introduction to JavaScript for Frontend & Backend | Web Development Tutorials #46
    Free YouTube Video
  • 47. Writing in-browser JavaScript and Developer Console | Web Development Tutorials #47
    Free YouTube Video
  • 48. Variables, Data Types and Operators in JavaScript | Web Development Tutorials #48
    Free YouTube Video
  • 49. Strings in JavaScript | Web Development Tutorials #49
    Free YouTube Video
  • 50. String Functions in JavaScript | Web Development Tutorials #50
    Free YouTube Video
  • 51. Scope, If-else Conditionals & Switch Case in JavaScript | Web Development Tutorials #51
    Free YouTube Video
  • 52. Arrays & Objects in JavaScript | Web Development Tutorials #52
    Free YouTube Video
  • 53. Functions in JavaScript | Web Development Tutorials #53
    Free YouTube Video
  • 54. JavaScript Tutorial: Interaction - Alert, Prompt, Confirm | Web Development Tutorials #54
    Free YouTube Video
  • 55. JavaScript Tutorial: for, while, forEach, Do While Loops | Web Development Tutorials #55
    Free YouTube Video
  • 56. JavaScript Tutorial: Navigation The DOM | Web Development Tutorials #56
    Free YouTube Video
  • 57. JavaScript Tutorial: Events & Listening to Events | Web Development Tutorials #57
    Free YouTube Video
  • 58. JavaScript Tutorial: setInterval & setTimeOut | Web Development Tutorials #58
    Free YouTube Video
  • 59. JavaScript Tutorial: Date & Time In JavaScript | Web Development Tutorials #59
    Free YouTube Video
  • 60. JavaScript Tutorial: Arrow Functions In JavaScript | Web Development Tutorials #60
    Free YouTube Video
  • 61. JavaScript Tutorial: Math Object In JavaScript | Web Development Tutorials #61
    Free YouTube Video
  • 62. JavaScript Tutorial: Working with JSON in JavaScript | Web Development Tutorials #62
    Free YouTube Video
  • 63. Backend Tutorial: Node.Js Introduction and Installation | Web Development Tutorials #63
    Free YouTube Video
  • 64. Backend Tutorial: Node.Js Modules with Examples | Web Development Tutorials #64
    Free YouTube Video
  • 65. Backend Tutorial: Blocking vs Non-Blocking execution | Web Development Tutorials #65
    Free YouTube Video
  • 66. Backend Tutorial: Blocking vs Non-Blocking execution | Web Development Tutorials #66
    Free YouTube Video
  • 67. Backend Tutorial: Creating a Custom Backend Using NodeJs | Web Development Tutorials #67
    Free YouTube Video
  • 68. Backend Tutorial: Creating Custom Modules in Node Using NodeJs | Web Development Tutorials #68
    Free YouTube Video
  • 69. Backend Tutorial: npm: The Node Package Manager Tutorial | Web Development Tutorials #69
    Free YouTube Video
  • 70. Backend Tutorial: Installing Express and Postman | Web Development Tutorials #70
    Free YouTube Video
  • 71. Backend Tutorial: Writing our first Express App | Web Development Tutorials #71
    Free YouTube Video
  • 72. Backend Tutorial: Static Files & Installing Pug template engine | Web Development Tutorials #72
    Free YouTube Video
  • 73. Backend Tutorial: Using raw HTML in Pug template engine | Web Development Tutorials #73
    Free YouTube Video
  • 74. Backend Tutorial: Finishing Off NodeJs Backend of our Gym Website | Web Development Tutorials #74
    Free YouTube Video
  • 75. Backend Tutorial: Dance Website Using Pure Pug + NodeJs | Web Development Tutorials #75
    Free YouTube Video
  • 76. Backend Tutorial: Designing Cards Using Pure Pug + NodeJs | Web Development Tutorials #76
    Free YouTube Video
  • 77. Backend Tutorial: Continuing Dance Website using Pug + NodeJs | Web Development Tutorials #77
    Free YouTube Video
  • 78. Backend Tutorial: Adding Sponsor Section using Pug + NodeJs | Web Development Tutorials #78
    Free YouTube Video
  • 79. Backend Tutorial: Adding a Contact Form using Pug + NodeJs | Web Development Tutorials #79
    Free YouTube Video
  • 80. MongoDb Tutorial: Introduction to MongoDb + Installation | Web Development Tutorials #80
    Free YouTube Video
  • 81. MongoDb Tutorial: Inserting data into the Mongo Database | Web Development Tutorials #81
    Free YouTube Video
  • 82. MongoDb Tutorial: Searching/Querying data from the Mongo Database | Web Development Tutorials #82
    Free YouTube Video
  • 83. MongoDb Tutorial: Deleting data from the Mongo Database | Web Development Tutorials #83
    Free YouTube Video
  • 84. MongoDb Tutorial: Updating data from the Mongo Database | Web Development Tutorials #84
    Free YouTube Video
  • 85. MongoDb Tutorial: MongoDb Compass & Installing Mongoose | Web Development Tutorials #85
    Free YouTube Video
  • 86. MongoDb Tutorial: Using Mongoose in NodeJs | Web Development Tutorials #86
    Free YouTube Video
  • 87. Plotting CoronaVirus Cases On World Map - Interactive Dashboard Using JavaScript & MapBox
    Free YouTube Video
  • 88. Backend Tutorial: Saving Data To The Database Using Pug + NodeJs | Web Development Tutorials #88
    Free YouTube Video
  • 89. Hosting Tutorial: Where to Host your Website? | Web Development Tutorials #89
    Free YouTube Video
  • 90. Hosting Tutorial: Creating Our First VPS | Web Development Tutorials #90
    Free YouTube Video
  • 91. Hosting Tutorial: Installing Putty + Basic Linux Commands | Web Development Tutorials #91
    Free YouTube Video
  • 92. Hosting Tutorial: Installing Apache2 Web Server on a VPS | Web Development Tutorials #92
    Free YouTube Video
  • 93. Hosting Tutorial: CoronaVirus Information Website With Hosting | Web Development Tutorials #93
    Free YouTube Video
  • 94. Hosting Tutorial: Using Filezilla & WinSCP to upload Files | Web Development Tutorials #94
    Free YouTube Video
  • 95. Hosting Tutorial: Linking Domain to the Web Hosting Server | Web Development Tutorials #95
    Free YouTube Video
  • 96. Hosting Tutorial: Host Multiple Websites On One Single Hosting Server | Web Development Tutorials#96
    Free YouTube Video
  • 97. Hosting Tutorial: Deploy NodeJs Apps in Production on Linux VPS | Web Development Tutorials#97
    Free YouTube Video
  • 98. Installing MongoDb & Hosting our Dance Website on Ubuntu VPS | Web Development Tutorials #98
    Free YouTube Video
  • 99. Get a Free https SSL Certificate For Your Domain on Ubuntu VPS | Web Development Tutorials #99
    Free YouTube Video
  • 100. Git Tutorial: How to Upload your Projects to Git & GitHub | Web Development Tutorials #100
    Free YouTube Video
  • 101. Transparent Login Form using HTML and CSS | Web Development Tutorials #101
    Free YouTube Video
  • 102. I Created a Realtime Chat Application Using NodeJs and SocketIO
    Free YouTube Video
  • 103. Create a Responsive Website Using HTML, CSS & JavaScript in Hindi
    Free YouTube Video
  • 104. Analog Clock Using Pure HTML, CSS and JavaScript
    Free YouTube Video
  • 105. Moving Lamborghini Car Animation Using Pure HTML, CSS & JavaScript
    Free YouTube Video
  • 106. I Created an Action Game in Pure HTML, CSS & JavaScript
    Free YouTube Video
  • 107. Killer Responsive Blog Template Step By Step From Scratch (Pure HTML, CSS & JavaScript)
    Free YouTube Video
  • 108. Creating a CheatSheet Template using HTML, CSS & JavaScript
    Free YouTube Video
  • 109. Coding Snake Game In JavaScript
    Free YouTube Video
  • 110. I Created Windows 11 Using HTML, CSS & JavaScript
    Free YouTube Video

Hosting Tutorial: Creating Our First VPS | Web Development Tutorials #90

Hosting Tutorial- Creating Our First VPS

In the last tutorial, we have discussed server hosting. Moving further, here, we will see how to configure and create our first hosting server. Most of the people think that shared hosting is suitable for web development websites. But it is recommended that shared hosting should not be used by web developers because you do not want that your website is sharing its place with other websites.

Although shared hosting is not bad for beginners. But when you host your website in shared hosting servers, there are chances that it may run slow.

A shared web hosting service is a web hosting service where many websites reside on one web server connected to the Internet. This is generally the most economical option for hosting, as the overall cost of server maintenance is spread over many customers.

In shared hosting the user is provided with a certain amount of RAM in CPU and bandwidth to host their websites along with different other websites. Shared hosting should only be selected if you are a beginner and there are only a few audiences on your website. In such a case, we do not want to set VPS servers

Now we will look upon the Digital Ocean console. When we open their website, the interface looks as follows-

We will now see how to make a droplet in DigitalOcean. Droplet can simply be referred to as servers. To make a droplet you need to select which type of server you want according to the number of days as shown here-

Then we need to select the location of our server where we want our files to be hosted. However we can select any location of our preference but it is recommended to select that location where our audience is. For example, if we have our audience in London, then the location should be selected as London.

We then need to configure our email and password from the console provided by Digital Ocean. However by default the username is root. Once we have configured it, we can write the Linux commands on it as shown here-

I hope you must have understood the concept of shared hosting and how to make your own dropfile. Now you can also try to build your own droplet as shown in the tutorial. 

You need to be logged in to post a comment!

No comments to display. Be the first person to post a comment!

Resources

No resource files associated with this project

Course Announcements

Any Course related announcements will be posted here