Udemy

Build A Website - Using HTML, CSS, JavaScript, and Node.js

Enroll Now
  • 100 Students
  • Updated 11/2022
4.4
(27 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
5 Hour(s) 16 Minute(s)
Language
English
Taught by
Ingrid Z.
Rating
4.4
(27 Ratings)
2 views

Course Overview

Build A Website - Using HTML, CSS, JavaScript, and Node.js

Learn to build and launch a website by building a stunning portfolio website using HTML, CSS, JavaScript, and Node.js

Did you see the simple, clean portfolio website in the introduction video? 


What if you knew how to code and design a website just like that one completely from scratch? Wouldn’t that be amazing?


That’s where I come in. I’m here to teach you HTML, CSS, JavaScript, and Node.js step-by-step so you can build that website and more.


What if you want to build a completely different website - maybe for a client or a personal venture? No problem! This course will teach you the skills to build clean, simple websites at the drop of a hat and host them online.


I studied computer science at university, learning to code countless algorithms and data structures, which is extremely intellectually rigorous, and I can still say learning to build and launch a website in less than a few hours is the single most empowering skill that I’ve learned as a developer.


In order to become an empowered web developer who is capable of building websites in the future, these are the skills this course will help you master:

  • Setting up your computer to code

  • Setting up a website project with a front-end that users will see and a back-end for processing data

  • HTML fundamentals

  • CSS fundamentals

  • JavaScript fundamentals

  • Styling for desktop, mobile, and varying screen sizes

  • Launching your website live online through Google Cloud hosting (one the most professional ways to host your website files online)

  • Adding images

  • Adding unique fonts

  • Adding icons

  • Building a sliding menu

  • CSS animations for added design

  • Input forms for collecting user input data

  • Sending data from the back-end to the front-end as JSON

  • Working with Node.js packages (very valuable skill)

  • Building re-usable components, so you don’t retype the same code more than once (good developer practices)

  • JavaScript functions

  • All the skills necessary to interpret your learning and build your own websites


Are you ready to begin or do you want to know more? If you need more reasons to learn to build websites, then read on…


  1. Why should you learn HTML, CSS, and JavaScript?


Building websites allows you to do creative work from anywhere in the world, and with improvements in skill, it can become a lucrative career. HTML, CSS, and JavaScript are the most practical and modern languages to begin learning if you want to become a web developer.


This course will take you from knowing nothing about computer science to building and launching your very own website in under 6 hours. After seven years of coding, I designed a course that I think is the most useful, practical, and simple introduction to learning how to code.


2) Why should you choose this course?


Reason #1: You’ll learn by building a portfolio website

I believe the best way to learn is by doing. This course teaches the essential web development languages of HTML, CSS, JavaScript, and Node.js by having you build a highly practical project - a portfolio website.


By the end of the course, you’ll have a live portfolio website where you can showcase your own work as a web developer, designer, photographer, product manager, painter, or any other theme you can think of! You can change the fonts and text to fit your personal style and have something tangible to show to the world.


Reason #2: I’m the right teacher for you

I struggled A LOT when I was learning to code. I am not the smartest person on Earth. For that reason, I explain things simply and carefully. I am good at explaining things in a way that anyone can understand. Coding is hard! Debugging (solving errors in your code) can be frustrating and take tons of hours of Googling! I empathize with my students because I was there once too, learning to code just like you.


I have a Bachelors degree from Brown University in Computer Science and Visual Art. I’ve worked as a software engineer and as a user experience designer for over seven years.


Learning to easily build websites has been one of the biggest breakthroughs I’ve made as a developer, so I want to share that knowledge in an accessible format with new developers.


3) This course is for you if…

… you’re a complete beginner and you want to learn to build websites

… you already checked out some free resources online on HTML and CSS, but you’re struggling to build a full website with best practices and launch it live

… you are a designer who wants to expand your skills into HTML, CSS, JavaScript, and Node.js

… you are a professional who is tired of Squarespace, Wix, and other web builder tools and want to easily and simply build a website yourself from scratch

… you’re an an aspiring software engineer and you want to take a course that will be a great introduction to coding

Course Content

  • 10 section(s)
  • 39 lecture(s)
  • Section 1 Overview
  • Section 2 Setting Up Your Computer To Code
  • Section 3 Building The Homepage
  • Section 4 Building The Contact Page
  • Section 5 Building the Projects Page
  • Section 6 Building the Individual Project Pages
  • Section 7 Building the About Page
  • Section 8 Styling for Mobile Devices
  • Section 9 Hosting Your Website Files on Google Cloud
  • Section 10 Congratulations!

What You’ll Learn

  • Learn to build and launch modern websites online
  • HTML, CSS, JavaScript, Node JS
  • How a website works
  • How to set up your computer to code
  • Responsive web design (how to build website that works on desktop and mobile)
  • Host your website at a live domain
  • Build a website with a front-end and a back-end
  • Add images
  • Add unique fonts
  • Add icons
  • Build a sliding menu
  • CSS animations
  • Input forms
  • Send data in JSON format
  • Work with Node JS packages
  • Implement reusable components
  • JavaScript functions


Reviews

  • I
    Imani Mansfield
    5.0

    well explained.

  • N
    Namit Kabra
    5.0

    i did not like her but i learnt something atleast

  • J
    John Barber
    2.0

    I have very mixed feelings about this course. On the positive side, Ingrid is clearly a very good web designer and very capable of problem solving and getting things done on the internet. The overall concept of the course is great, and I do feel that it has taught me a lot - I'm confident that I now know how to go out and build a website or two using the techiques covered in this course, and the course website code as a starting point. So for me the course has achieved its aim. So why the low rating? Well, it's because the delivery of the training was frankly awful: * Almost every video starts with Ingrid in mid-sentence (why?) * Most of the duration of the course is spent watching Ingrid typing stuff into her computer, often with a lot of faffing around, getting things wrong etc. I don't need to see every single keystroke used to create the project's files - that's just a waste of my time. * I know that this course is billed as being pitched at a non-technical level, but Ingrid's inability to explain some of the basic technical concepts means that if things do go wrong (and they will, sometimes!) then it's harder for the student to undertand how to solve the issue. * The videos should have been edited to remove wasting time. I don't need to see Ingrid drumming her hands on her desk and singing little songs to herself while waiting for something to download from the cloud. Or times when she gets things wrong and needs to backtrack. * Apart from maybe the first one or two times, it would be better for the instructor just to show highlighted blocks of code that have just been typed in, with an explanation of the purpose and any significant points, rather than forcing students to watch endless typing of repetitive material. That gets really boring, so of course I tried to skip through it, but occasionally there was an important point hiding in there which I might miss... * Sometimes Ingrid doesn't explain properly what she's about to do or why (e.g. uploading of HelloWorld sample to Google Cloud, preparation of the project files for cloud upload) So in conclusion: some very useful information and a lovely web site as a resource, but the delivery of the course is poor.

  • J
    Jay F
    2.0

    Lecturer seems to know very little about what she is saying. She constantly uses words like I guess, Idk why this works, etc. As a CS student, I do not appreciate her attitude and she left me confused in numerous circumstances. This is magic that she actually got it to work.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed