Modern web development course: beginner to advanced

Start with HTML, CSS, JavaScript and move to NodeJS/HapiJS, ReactJS, and finally implement a sentiment analyzer.

4.40 (542 reviews)
Udemy
platform
English
language
Web Development
category
Modern web development course: beginner to advanced
23,307
students
5 hours
content
Aug 2018
last update
$44.99
regular price

What you will learn

Move from level "no idea" in web application development to advanced level.

Understand how to style your webpages with CSS

Understand how to implement HTML pages

Learn programming concepts from scratch in JavaScript: conditions, loops, functions, OOP, etc

Learn concepts such as promises, using the fetch API, arrow functions, python integration in NodeJS, etc

Build your own sentiment analizer using NLTK, ReactJS, HapiJS and related technologies.

Why take this course?

This course takes you through mordern web development. We start by learning the basics: HTML, CSS and JavaScript. In this we learn:

* The most important HTML elements and attributes.

* How to style our webpages with CSS and the meanings of the different CSS properties

* Basic programming concepts via JavaScript: variables, conditions, loops, functions, classes, etc

Then we move into intermediate and advanced concepts in ES6, ReactJS, NodeJS/HapiJS. In this we learn:

* ReactJS

* Promises

* Arrow functions

* Fetch API

* HapiJS server setup

Finally, we learn how to integrate the Python Natural Language ToolKit into our NodeJS to develop a sentiment analysis app (parts of the Starting with NodeJS-HapiJS and ReactJS course is used).

Content

Introduction

Introduction

HTML

Start HTML document
Title, heading, paragraph, div and span
Lists and attributes
Forms: Input text and password
Forms: Input radio and checkboxes
Forms: Textarea and submit buttons
Links and images
Tables
Some formatting elements

CSS

Intro to CSS
Color, width and height
Marging and padding
Border
Fonts
Selectors
Display, visibility and float

Basic programming concepts and JavaScript

Intro JavaScript and HTML DOM
Variables, console.log
Datatypes
Arithmetic operators
Comparison operators
Logical operators
If Conditional
Switch conditional
For loop
For In loop
While and do while
Functions
Introduction to Object Oriented Programming (OOP)
Synchronous, asynchronous and callback functions
Arrow functions

Sentiment analyzer project: NodeJS, HapiJS, ReactJS and related technologies

Introduction to sentilizer project
Setting up
Initialize project
Add babel
Start Hapi server
Promises
Routes and Postman
Reload with Nodemon
Natural language toolkit
Vader sentiment analyzer module
Integrating vader module
Starting with react app
Create form
Add styles to form
Add event handler to form
Use fetch API to interact with HapiJS server

Screenshots

Modern web development course: beginner to advanced - Screenshot_01Modern web development course: beginner to advanced - Screenshot_02Modern web development course: beginner to advanced - Screenshot_03Modern web development course: beginner to advanced - Screenshot_04

Our review

--- **Course Review for Web Development Bootcamp** **Overview:** The Web Development Bootcamp is a comprehensive course designed for beginners who are looking to dive into the world of web development. The course covers both front-end and back-end development, with an emphasis on practical, hands-on learning experiences. With a global rating of 4.40, recent reviews indicate that while the course provides a solid foundation in web development basics, it also has some areas for improvement, particularly regarding the clarity of instruction for non-native English speakers and the quality of video content. **Pros:** - **Course Content Coverage:** The course effectively covers a broad range of web development topics, including HTML, CSS, JavaScript, and an introduction to back-end technologies like Node.js, Python, and React. - **Practical Focus:** Reviewers appreciate the course's focus on practical application, with the opportunity to work on a real project that integrates various components of web development. - **Efficient Learning:** The course is praised for its ability to cover a lot of content in a short amount of time, making it an efficient use of learning resources for beginners. - **Clarity and Explanation:** Some instructors demonstrate a clear understanding of the topics, providing step-by-step guidance that makes concepts easier to grasp. - **Subtitles and Accessibility:** Despite some challenges with the instructor's accent, the availability of English subtitles is noted as helpful in understanding the content. - **Engaging Projects:** The final project in the course is seen as a valuable learning tool that encourages application of the skills learned throughout the course. **Cons:** - **Language and Accent Barriers:** A significant concern is the difficulty non-native English speakers may have in understanding the instructor, due to the accent and lack of clear enunciation. This affects the learning experience and the retention of key concepts. - **Video Quality Issues:** Some videos show issues with screen recording, such as the instructor's code not being visible on mobile devices or certain tasks being difficult to follow due to technical glitches. - **Advanced Content for Beginners:** The course introduces advanced topics like Node.js, Python, and React without sufficient pre-requisite knowledge for complete beginners. - **Consistency in Instruction:** There are instances where the instructor's voice is missing from videos, disrupting the learning flow and potentially leading to confusion. - **Course Presentation:** The course presentation style is described as monotone, which may not engage all learners as effectively as a more dynamic teaching method might. **Recommendations for Improvement:** - **Language Accessibility:** Implementing AI or robot voiceovers with clear and concise pronunciation would greatly enhance the course's accessibility to non-native English speakers. - **Technical Improvements:** Ensuring that video content is clear and free from technical issues like screen recording glitches will improve the learning experience. - **Curriculum Adjustment:** Reviewing the curriculum to ensure that advanced topics are introduced at a pace where beginners can follow and understand would be beneficial. - **Course Completion:** Ensuring that all course content is available and complete before release will help maintain the quality and continuity of learning. **Final Thoughts:** The Web Development Bootcamp is a valuable resource for beginners looking to enter the field of web development. With its comprehensive coverage of essential topics and practical, hands-on projects, it offers a solid foundation. However, to enhance the learning experience for all students, improvements in language accessibility, video quality, and curriculum pacing are recommended. With these adjustments, the course has the potential to be an even more effective tool for aspiring web developers.

Charts

Price

Modern web development course: beginner to advanced - Price chart

Rating

Modern web development course: beginner to advanced - Ratings chart

Enrollment distribution

Modern web development course: beginner to advanced - Distribution chart
1581690
udemy ID
3/5/2018
course created date
5/11/2019
course indexed date
Bot
course submited by