Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build personal website and make it live on internet
Rating: 4.1 out of 5(19 ratings)
81 students

Build personal website and make it live on internet

Real-world website development from scratch to deployment with domain name
Created byEldor Togaymurotov
Last updated 10/2019
English

What you'll learn

  • Once you finish this course, you will be able to build your own personal website and make it live on internet and you can start building website for other people

Course content

1 section • 24 lectures • 3h 42m total length

  • Setup development environment and install code editors2:38

    Setup development environment and install code editor, nodejs and git bash CLI

  • Create Server with Nodejs and Expressjs13:30

    Build server side with Nodejs and Express

  • Install template-engine13:41

    Install express-handlebars as a template engine and load it in server

  • Install nodemon4:18

    Install nodemon to run server automatically

  • Setup Express Static folder11:37

    Setup express static public folder to serve to use css, js and images in public folder

  • Adding Bootstrap to make web responsive7:49

    Add bootstrap into project to make website responsive and mobile-friendly

  • Bootstrap classes16:09

    Using bootstrap classes to make webpages responsive and boostrap will adjust screen size based on device

  • Deployment to Heroku11:24

    Deploy project to heroku to make it live on the internet

  • Push changes to Heroku5:39

    When we change files, we will push changes to heroku

  • Push project to Github5:24

    Push project to Github to save source code in Github account. If we lose our laptop, we can still get source code back from Github

  • Styling webpages with CSS and Bootstrap5:54

    Giving styles to web pages with CSS and Boostrap using css folder in static public folder

  • Adding Portfolio page9:56

    Adding and Displaying Portfolio on the web to display projects

  • Add Footer with Social Media Icons9:15

    Adding footer to website and display social media icon and add target link to take users to social media account profile page

  • Push all changes to Heroku2:20

    Pushing all changes to Heroku when we make changes in our project files to keep deployed app up-to-date

  • Create collection with Mongoose and Model17:55

    Create a collection with Mongoose and use Schema to check type of data and install body-parser to parse form data coming from Client Side

  • Create Remote MongoDB and save data into database16:31

    Create Remote Database and save data into MongoDB

  • Retrieve data from Remote Database12:04

    Retrieving data from remote mlab MongoDB database and display it on the website

  • Displaying Date for each Message5:33

    Adding date property to message collection to display date of message recieved from client

  • Push changes to Github4:29

    Pushing project files to Github everytime when we make changes

  • Styling Website8:52

    Giving styles to website with CSS and Bootstrap

  • Adding Resume/CV to website to download9:33

    Display your resume/CV on your website to download as pdf/docx

  • Education Page13:38

    Displaying education history on webpage

  • Prevent empty form submit4:50

    Prevent submitting empty form and send empty message

  • Add domain name www.yourname.com9:37

    Add domain name to your website to make it live on the internet

Requirements

  • all levels are welcome to take this course
  • laptop or computer and internet connection is required

Description

Learn how to build your own personal website and share it with the world in this practical, beginner-friendly tutorial! Whether you want to create an online portfolio, resume, blog, or landing page, this guide will walk you through every step — from designing a clean, professional layout to making your website live on the internet.

We’ll start by teaching you the essentials of web development using HTML, CSS, and a touch of JavaScript to create an attractive and responsive site that looks great on any device. You’ll discover how to personalize your site with your own photos, text, and colors to reflect your style or brand.

Next, we’ll cover domain registration and hosting setup, showing you how to choose a domain name and connect it to a hosting service so your website is accessible worldwide. You’ll also learn how to deploy your site using tools like GitHub Pages, Netlify, or traditional hosting providers, and how to make updates with ease.

By the end of this tutorial, you’ll have a fully functional, live personal website and the skills to maintain or improve it over time. Build your online presence today and stand out in the digital world!

What are you waiting for? Enroll Now!

Who this course is for:

  • People who need to build their own website by themselves for short period of time without expences

Report abuse