Skip to content

Full Stack Web Development: Javascript, NodeJS, CSS and HTML

Full stack web development with HTML CSS JavaScript, NodeJS, MongoDB. Become full stack web developer with full stack JS


Oak Academy

Summary

Price
£18 inc VAT
Study method
Online, On Demand What's this?
Duration
18.5 hours · Self-paced
Qualification
No formal qualification
Certificates
  • Reed courses certificate of completion - Free

2 students purchased this course

Add to basket or enquire

Overview

Hello there,

Welcome to Full Stack Web Development: Javascript, NodeJS, CSS and HTML course.

Full stack web development, web development, javascript, full stack, node js, html css javascript, fullstack web development, complete web development, nodejs
Full stack web development with HTML CSS JavaScript, NodeJS, MongoDB. Become full stack web developer with full stack JS
With this course, you will learn HTML, CSS, JavaScript, NodeJS, and Mongo DB from scratch with hands-on examples.

This course will be your gateway to learn web design with HTML5, CSS3 with a step-by-step approach. We can assure you that only this course will enough for you to learn HTML and CSS from scratch to intermediate.

HTML stands for HyperText Markup Language, which is the biggest markup language used to display web pages on the Internet. In other words, web pages are composed of HTML, which is used to display text, images, or other resources through a web browser.

HTML is the basic building block of the web and actually isn’t a technical programming language. It is responsible for the structure of the website.

JavaScript is the number one programming language for internet applications. The basics of JavaScript are dealt with in detail and students are provided to test what they have learned with code quizzes prepared for each subject.

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. By learning growing web server technology, NodeJS, you can improve your skills, get a new job and you can build powerful, robust web applications.

MongoDB is a cross-platform document-oriented NoSQL database program. By using MongoDB, you can build a modern application database for your projects.

This course will take you from a beginner to a more experienced level. You will learn HTML5, CSS3, JavaScript, Node.js and Mongo DB step by step with hands-on examples.

In this course you will learn;

  • To create static HTML sites,

  • To create a beautiful, responsive landing page for anyone,

  • You will learn to use basic tags which are used commonly,

  • You will be able to prepare lists in different formats,

  • The difference in usage between block-level and inline elements in HTML,

  • The uses of HTML table, and by learning this you will be able to create different designs of your own,

  • To able to create commonly used user login and registration pages by learning the form structure,

  • And improve your knowledge step by step by learning the basics of CSS

  • To place pages in the easiest way by talking about all layout models in CSS.

  • To prepare web pages with Grid CSS and Flexbox features.

  • How you can operate on variables,

  • Boolean logic,

  • How to create a conditional statement,

  • How you can perform transactions with Loops,

  • How a function is created and why it needs arguments,

  • How Arrays and Objects, which are basic data structures, are created,

  • How DOM Manipulation is done,

  • You will have learned and have the opportunity to test what you have learned with the code quizzes in our course.

  • You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.

  • We'll see how that leads to building a web server in Node with hands-on examples.

  • The logic behind MongoDB’s data storage

  • The most popular Object Data Modeling Library for MongoDB, Mongoose JS

  • Writing queries for creating, reading, updating, and deleting operations

  • Advanced Features of MongooseJS

  • The best testing framework for NodeJS, Mocha

  • Full stack web development

  • Javascript

  • nodeJs

  • mongodb

  • html css javascript

  • node.js

  • complete web development course

  • full stack javascript

  • html css

  • full stack developer

No prior knowledge is needed!tion Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

  • Lifetime Access to The Course

  • Fast & Friendly Support in the Q&A section

Dive in now Full Stack Web Development: Javascript, NodeJS, CSS and HTML course

We offer full support, answering any questions.

See you in the course!

Curriculum

22
sections
175
lectures
18h 33m
total
    • 1: What is Internet and HTML 06:24
    • 2: Project Files and Course Documents for Javascript, Node JS, MongoDB 01:00
    • 3: Basic Tags 08:33
    • 4: Images and Attributes 08:25
    • 5: Lists 07:00
    • 6: List Example 08:25
    • 7: Block Level - Inline Elements 05:35
    • 8: FAQ about Full stack web development with javascript, react redux, hooks context 03:00
    • 9: quiz 01:00
    • 10: Tables 08:56
    • 11: Table Example 06:01
    • 12: Forms 12:08
    • 13: Forms Example 07:52
    • 14: quiz 01:00
    • 15: CSS Basics 11:46
    • 16: CSS Colors 08:41
    • 17: Background and Border 07:57
    • 18: Selectors 07:50
    • 19: quiz 01:00
    • 20: quiz 01:00
    • 21: Text and Fonts 09:32
    • 22: Debugging in CSS 08:14
    • 23: Box Model 07:09
    • 24: CSS Position 06:40
    • 25: CSS Float 07:44
    • 26: Display Property 06:48
    • 27: Box-Model Practice 11:50
    • 28: Float-Layout Practice 08:23
    • 29: Box-Sizing 06:28
    • 30: Media Queries 07:13
    • 31: quiz 01:00
    • 32: quiz 01:00
    • 33: Flexbox Introduction 05:20
    • 34: Flexbox Properties 1 08:58
    • 35: Flexbox Properties 2 06:37
    • 36: Flexbox Properties 3 03:56
    • 37: Grid CSS Intro 04:00
    • 38: Grid CSS 06:20
    • 39: Grid CSS - 2 09:41
    • 40: Grid CSS - 3 03:55
    • 41: Grid CSS - 4 04:54
    • 42: Grid CSS - 5 05:45
    • 43: Grid and Flexbox Project 02:59
    • 44: Grid and Flexbox Project - 2 04:38
    • 45: Grid and Flexbox Project - 3 04:48
    • 46: Grid and Flexbox Project - 4 02:59
    • 47: quiz 01:00
    • 48: Introduction to JavaScript 06:28
    • 49: Setup Visual Studio Code 01:22
    • 50: Adding js file 08:19
    • 51: quiz 01:00
    • 52: Variables and Data Types 16:08
    • 53: Type Coercion 10:35
    • 54: Variable Mutation 09:42
    • 55: Basic Operators 10:30
    • 56: Boolean Logic 07:17
    • 57: Logical Operators 09:52
    • 58: quiz 01:00
    • 59: Conditional Statements 13:29
    • 60: Code Quiz 1 Solution 07:35
    • 61: Ternary Operator 07:37
    • 62: Switch, case statements 12:23
    • 63: Code Quiz 2 01:50
    • 64: Code Quiz 2 Solution 05:19
    • 65: Introduction to Loops 03:43
    • 66: While Loops 08:31
    • 67: While Loops Quiz 01:33
    • 68: While Loops Quiz Solution 08:27
    • 69: for Loops 05:42
    • 70: for Loops Quiz Solution 04:31
    • 71: Continue and Break Statements 08:08
    • 72: Introduction to Functions 02:14
    • 73: Function Decleration 06:36
    • 74: Function with Arguments 10:33
    • 75: Function return 09:59
    • 76: Function Expression 05:13
    • 77: Function Quiz 01:38
    • 78: Function Quiz Solution 09:21
    • 79: Function Scope 15:46
    • 80: quiz 01:00
    • 81: Introduction to arrays 02:54
    • 82: Array Features 13:55
    • 83: Array Methods 18:35
    • 84: Array Quiz 01:32
    • 85: Array Quiz Solution 03:48
    • 86: Array Iteration 11:44
    • 87: Array Iteration Quiz 00:50
    • 88: Array Iteration Quiz Solution 03:49
    • 89: quiz 01:00
    • 90: Introduction to objects 12:40
    • 91: Object update 06:54
    • 92: Complex Data Structures 10:23
    • 93: Object Quiz 01:17
    • 94: Object Quiz Solution 05:04
    • 95: Object Methods 10:22
    • 96: this Keyword 11:52
    • 97: Introduction to DOM 04:29
    • 98: What is DOM 07:36
    • 99: Select and Change 09:15
    • 100: Select Methods 19:53
    • 101: Manipulation Methods 13:30
    • 102: innerHTML and textContext 09:31
    • 103: Attribute Manipulation 06:32
    • 104: quiz 01:00
    • 105: Introduction to Event Handlers 10:30
    • 106: Event Handler Codequiz 03:53
    • 107: Codequiz Solution 05:54
    • 108: callback Function 04:54
    • 109: Different Event Types 05:43
    • 110: Todolist Quiz Solution 09:04
    • 111: quiz 01:00
    • 112: What is Node JS_ 02:55
    • 113: Installing Node JS 06:33
    • 114: Project Files 01:00
    • 115: 8 Engine 06:41
    • 116: Node JS Globals 10:39
    • 117: Functions 04:45
    • 118: Module and Require 07:15
    • 119: Module exports patterns 07:52
    • 120: Event Emitter 06:14
    • 121: More about Event Emitters 08:52
    • 122: Reading and Writing Files 11:38
    • 123: Creating and Removing Directories 08:50
    • 124: Quiz Full Stack Web Development 01:00
    • 125: Clients _ Servers 06:04
    • 126: Creating Server 10:21
    • 127: Quiz html css javascript 01:00
    • 128: Streams and Buffers 03:11
    • 129: Readable Stream 08:58
    • 130: Write Stream 05:26
    • 131: Pipe 08:13
    • 132: Serving HTML 04:09
    • 133: Serving JSON data 04:59
    • 134: Routing 09:42
    • 135: Quiz Full Stack Web Development, HTML CSS Javascript 01:00
    • 136: What is MongoDB 11:10
    • 137: OSX Setup 05:42
    • 138: OSX – Robomongo 03:49
    • 139: Windows Setup 05:01
    • 140: Windows – Robomongo 03:25
    • 141: Project Files 01:00
    • 142: Last Setup Before the Project Start 02:50
    • 143: Introduction to Project 03:47
    • 144: Start to Project 04:47
    • 145: Mongoose Connection Helper 1 08:02
    • 146: Models of Mongoose 07:55
    • 147: Start to test with Mocha 08:55
    • 148: Creating and Saving Models 08:29
    • 149: How we can drop collections 06:07
    • 150: isNew Property in Mongoose 04:35
    • 151: find () query 09:04
    • 152: The _id Property 04:43
    • 153: Testing Automatically 03:34
    • 154: findOne() query 02:38
    • 155: Deleting Records 06:20
    • 156: Updating Records (1) 07:34
    • 157: Updating Records (2) 05:15
    • 158: Updating Operators 05:09
    • 159: $mul Operator as an Example 03:03
    • 160: Mongoose Validation (1) 04:00
    • 161: Mongoose Validation (2) 05:39
    • 162: Mongoose Validation (3) 04:48
    • 163: Handling Errors 03:24
    • 164: Embedding Documents 05:51
    • 165: Test with Subdocument 04:55
    • 166: Adding New Subdocument 06:19
    • 167: Removing Subdocuments 04:21
    • 168: Virtual Types (1) 05:10
    • 169: Virtual Types (2) 07:22
    • 170: Developing Nested Resources 08:04
    • 171: Using Ref for Associations 05:55
    • 172: Testing Associations 07:38
    • 173: Promise.all 04:04
    • 174: Modifiers-new 05:23
    • 175: Nested Populate 05:18

Course media

Description

Hello there,

Welcome to Full Stack Web Development: Javascript, NodeJS, CSS and HTML course.

Full stack web development, web development, javascript, full stack, node js, html css javascript, fullstack web development, complete web development, nodejs
Full stack web development with HTML CSS JavaScript, NodeJS, MongoDB. Become full stack web developer with full stack JS
With this course, you will learn HTML, CSS, JavaScript, NodeJS, and Mongo DB from scratch with hands-on examples.

This course will be your gateway to learn web design with HTML5, CSS3 with a step-by-step approach. We can assure you that only this course will enough for you to learn HTML and CSS from scratch to intermediate.

HTML stands for HyperText Markup Language, which is the biggest markup language used to display web pages on the Internet. In other words, web pages are composed of HTML, which is used to display text, images, or other resources through a web browser.

HTML is the basic building block of the web and actually isn’t a technical programming language. It is responsible for the structure of the website.

JavaScript is the number one programming language for internet applications. The basics of JavaScript are dealt with in detail and students are provided to test what they have learned with code quizzes prepared for each subject.

Node.js is an open-source, cross-platform, back-end, JavaScript runtime environment that executes JavaScript code outside a web browser. By learning growing web server technology, NodeJS, you can improve your skills, get a new job and you can build powerful, robust web applications.

MongoDB is a cross-platform document-oriented NoSQL database program. By using MongoDB, you can build a modern application database for your projects.

During our course, you will be informed about the basics of JavaScript in detail and how to solve problems.

Here's how a JavaScript code works, not just how it works. Because in today's JavaScript world, besides writing a code, you need to know how to debug this topic and be able to read every written JavaScript code.

The most important feature that distinguishes this course from the others is that it deals with the most basic issues about JavaScript in detail and helps students to put what they have learned in theory into practice.

In this course, we will start with HTML, which is the basis of web development and then we will continue to learn CSS and final learn JavaScript.

JavaScript is one of the most ubiquitous programming languages on the planet, mostly because it's the backbone of interactive web applications. On top of that, JavaScript is a great language for beginners because it gives them a chance to write code that does something visual, which is exciting and helpful when you're just getting started as a programmer. Dynamic content is the hot topic in web development right now. Dynamic content refers to content that constantly changes and adapts to specific users whenever possible. For example, JavaScript can be used to determine if a website visitor is using a computer or a mobile device before deciding whether or not to render the mobile version of the website. It's these small things behind the scenes that create genuine value in using JavaScript to create dynamic web pages.

This course will take you from a beginner to a more experienced level. You will learn HTML5, CSS3, JavaScript, Node.js and Mongo DB step by step with hands-on examples.

In this course you will learn;

  • To create static HTML sites,

  • To create a beautiful, responsive landing page for anyone,

  • You will learn to use basic tags which are used commonly,

  • You will be able to prepare lists in different formats,

  • The difference in usage between block-level and inline elements in HTML,

  • The uses of HTML table, and by learning this you will be able to create different designs of your own,

  • To able to create commonly used user login and registration pages by learning the form structure,

  • And improve your knowledge step by step by learning the basics of CSS

  • To place pages in the easiest way by talking about all layout models in CSS.

  • To prepare web pages with Grid CSS and Flexbox features.

  • How you can operate on variables,

  • Boolean logic,

  • How to create a conditional statement,

  • How you can perform transactions with Loops,

  • How a function is created and why it needs arguments,

  • How Arrays and Objects, which are basic data structures, are created,

  • How DOM Manipulation is done,

  • You will have learned and have the opportunity to test what you have learned with the code quizzes in our course.

  • You'll learn how asynchronous code works in Node and the Node event loop, as well as how to use the event emitter, streams, buffers, pipes, and work with files.

  • We'll see how that leads to building a web server in Node with hands-on examples.

  • The logic behind MongoDB’s data storage

  • The most popular Object Data Modeling Library for MongoDB, Mongoose JS

  • Writing queries for creating, reading, updating, and deleting operations

  • Advanced Features of MongooseJS

  • The best testing framework for NodeJS, Mocha

  • Full stack web development

  • Javascript

  • nodeJs

  • mongodb

  • html css javascript

  • node.js

  • complete web development course

  • full stack javascript

  • html css

  • full stack developer

No prior knowledge is needed!

Video and Audio Production Quality

All our videos are created/produced as high-quality video and audio to provide you the best learning experience.

You will be,

  • Seeing clearly

  • Hearing clearly

  • Moving through the course without distractions

You'll also get:

  • Lifetime Access to The Course

  • Fast & Friendly Support in the Q&A section

Dive in now Full Stack Web Development: Javascript, NodeJS, CSS and HTML course

We offer full support, answering any questions.

See you in the course!

Who is this course for?

  • If you want to learn HTML 5 and CSS 3 the first step in web development, completely and easily, you are at the right place.
  • It's perfect for complete beginners with zero experience.
  • People who are willing to make a career in the Web Development
  • Anyone who trying to learn JavaScript but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real apps
  • Those who want to learn the basics of JavaScript, the world's most popular programming language
  • Anyone looking to build a career as a NodeJS developer
  • Anyone interested in NodeJS
  • Developers new to NodeJS
  • Anyone who wants to learn MongoDB
  • Professionals who are willing to learn MongoDB
  • People who want to become web development with html, css, javascript, react, react native
  • People who want to learn front end web development
  • People who want to learn backend web development
  • People who want to learn full stack web development
  • People who want to learn website development
  • People who want to become mern stack developer and create real work react projects, mern stack projects, web application
  • People who want to be full stack web developer using javascript, html, css
  • People who want to learn web development, building web applications

Requirements

  • No prior HTML or CSS knowledge needed
  • Willingness and Motivation to successfully complete the training
  • Computer with access to the internet
  • Desire to learn javascript
  • Desire to learn HTML & CSS
  • Desire to learn full stack web development
  • Desire to learn react or react js with redux, hooks and context
  • Desire to build react applications, mern stack project, web applications from zero to hero
  • Desire to learn react native, react js with redux, hooks and context
  • Desire to learn web development with react, react native, html, css, bootstrap
  • Desire to learn bootstrap for web design, website development
  • Desire to learn grid css

Questions and answers

Currently there are no Q&As for this course. Be the first to ask a question.

Certificates

Reed courses certificate of completion

Digital certificate - Included

Will be downloadable when all lectures have been completed

Reviews

Currently there are no reviews for this course. Be the first to leave a review.

FAQs

Study method describes the format in which the course will be delivered. At Reed Courses, courses are delivered in a number of ways, including online courses, where the course content can be accessed online remotely, and classroom courses, where courses are delivered in person at a classroom venue.

CPD stands for Continuing Professional Development. If you work in certain professions or for certain companies, your employer may require you to complete a number of CPD hours or points, per year. You can find a range of CPD courses on Reed Courses, many of which can be completed online.

A regulated qualification is delivered by a learning institution which is regulated by a government body. In England, the government body which regulates courses is Ofqual. Ofqual regulated qualifications sit on the Regulated Qualifications Framework (RQF), which can help students understand how different qualifications in different fields compare to each other. The framework also helps students to understand what qualifications they need to progress towards a higher learning goal, such as a university degree or equivalent higher education award.

An endorsed course is a skills based course which has been checked over and approved by an independent awarding body. Endorsed courses are not regulated so do not result in a qualification - however, the student can usually purchase a certificate showing the awarding body's logo if they wish. Certain awarding bodies - such as Quality Licence Scheme and TQUK - have developed endorsement schemes as a way to help students select the best skills based courses for them.