No products in the basket.
Become a proficient Web Developer by enrolling in our hands-on course. Ideal for beginners and enthusiasts, this course covers HTML, CSS, JavaScript, Node.js, and MongoDB. Create real-world applications, from a calculator to a chat app, and deploy them to the cloud. Elevate your web development skills and kickstart your journey in this dynamic and sought-after field.
Course Price:
Original price was: £194.00.£19.99Current price is: £19.99.
Course Duration:
23 hours, 6 minutes
Total Lectures:
141
Total Students:
40
Average Rating:
4.5
Embark on a transformative journey to Become a Web Developer through this comprehensive course. Build a solid foundation in web development by creating real-world applications using HTML, CSS, and JavaScript. Explore the dynamic world of web applications, from a calculator and to-do list to an interactive quiz and countdown timer.
What Will You Learn?
- Master the fundamentals of web development with HTML, CSS, and JavaScript.
- Build a Frontend Web Application to understand the essentials of user interfaces.
- Develop practical skills by creating a web Calculator, Todo List, and Interactive Quiz.
- Explore advanced functionalities with a Countdown Timer application.
- Gain insights into database management with an Introduction to MongoDB.
- Understand server-side scripting with Introduction to Node.js and Express.js.
- Create a real-time Chat App using Node.js, Express.js, Socket.io, and MongoDB.
- Learn the process of deploying your applications to the Cloud.
Who Should Take The Course?
- Aspiring Web Developers keen on learning from basic to advanced web development.
- Individuals looking to expand their programming skills to include JavaScript and Node.js.
- Entrepreneurs or hobbyists aiming to build and deploy web applications.
Requirements
- Basic understanding of programming concepts.
- Access to a computer with a code editor installed.
- Enthusiasm and passion for web development.
Course Curriculum
-
- Installing Visual Studio Code 00:06:00
- Installing Web Browsers 00:02:00
- How the internet works 00:05:00
-
- Anatomy of an HTML Element 00:03:00
- Basic structure of an HTML Element 00:09:00
- Creating a basic structure of an HTML Element – Part 1 00:06:00
- Creating a basic structure of an HTML Element – Part 2 00:06:00
- Creating a basic structure of an HTML Element – Part 3 00:10:00
- HTML Attributes 00:06:00
- Marking Up Text 00:08:00
- Creating Links 00:07:00
- HTML Comments 00:07:00
- Viewing HTML Source Code 00:06:00
- Ways to apply CSS 00:11:00
- Styling multiple properties 00:02:00
- Styling multiple elements 00:02:00
- Modifying CSS 00:04:00
- CSS basic selectors 00:09:00
- CSS Comments 00:04:00
- CSS Box Model 00:03:00
- CSS Margin and Padding Property 00:10:00
- Changing background color 00:04:00
- CSS border property 00:07:00
- CSS Positioning 00:06:00
- CSS display property 00:07:00
- CSS font property 00:04:00
- Using google fonts 00:06:00
- What is JavaScript 00:02:00
- Where to place JavaScript 00:08:00
- JavaScript Variables 00:08:00
- JavaScript Arrays 00:07:00
- Data Types 00:10:00
- Mixing Data Types 00:05:00
- JavaScript Operators 00:01:00
- Arithmetic Operators 00:06:00
- Operator Precedence 00:04:00
- Comparison Operators 00:07:00
- Logical Operators 00:03:00
- JavaScript Conditional statements 00:06:00
- JavaScript Comments 00:03:00
- Linting Tools 00:05:00
- JavaScript Events 00:06:00
- Changing images on a webpage 00:09:00
- Fixing js lint warning – Part 1 00:06:00
- Fixing js lint warning – Part 2 00:02:00
- Adding welcome message to web page 00:15:00
- What we will create 00:01:00
- Styling the app with CSS 00:08:00
- Adding functionality with JavaScript – Part 1 00:07:00
- Adding functionality with JavaScript – Part 2 00:10:00
- Creating project directory 00:03:00
- What we will create 00:01:00
- Creating project directory 00:03:00
- Building the calculator structure with HTML 00:10:00
- Creating the app structure with HTML 00:07:00
- Styling the calculator with CSS 00:09:00
- Adding functionality with JavaScript 00:09:00
- What we will create 00:01:00
- Creating project directory 00:03:00
- Creating app structure with HTML 00:09:00
- Styling the app with CSS 00:10:00
- Adding functionality with JavaScript – Part 1 00:11:00
- Adding functionality with JavaScript – Part 2 00:05:00
- Installing MongoDB on Windows 00:04:00
- Modifying environmental variables 00:06:00
- Creating a storage directory for MongoDB 00:03:00
- Starting and stopping MongoDB 00:02:00
- MongoDB Data Types 00:03:00
- Creating a database 00:05:00
- Inserting documents in MongoDB 00:06:00
- Querying a document in MongoDB 00:05:00
- Updating a document 00:08:00
- Deleting a document 00:06:00
- Dropping a database 00:03:00
- Installing Express.js 00:07:00
- Creating a basic Express.js application 00:09:00
- Express application generator 00:06:00
- Creating an app with Express generator 00:09:00
- What is package.json file 00:08:00
- Understanding apps.js 00:10:00
- Editing dependencies 00:06:00
- Using template engines 00:01:00
- How to start Node.js server 00:03:00
- How to stop Node.js server 00:01:00
- What is Routing 00:03:00
- How routing works 00:12:00
- Cloning routing functions 00:12:00
- What you need to do 00:02:00
- Installing Git 00:06:00
- Basic Git Configuration 00:06:00
- Retrieving Git Configurations 00:02:00
- Creating Heroku Account 00:02:00
- Creating Heroku Account 00:02:00
- Installing Heroku-CLI 00:01:00
- Tracking your app with Git 00:10:00
- Deploying app to Heroku 00:10:00
- Checking Heroku Logs 00:10:00
New Courses
Blogs
20
Jul'23
ADHD Training for Teachers: Empowering Educators to Support Students with Attention Challenges
Relationships may be severely harmed by narcissistic behaviours, leaving emotional scars and...
20
Jul'23
Narcissistic Behaviour and Relationships: Understanding the Impact and Finding Healing
Relationships may be severely harmed by narcissistic behaviours, leaving emotional...
20
Jul'23
Childhood Trauma in Adults
What Is Childhood Trauma? Childhood trauma refers to distressing or...
20
Jul'23
Creating A Social Media Strategy
Set Clear Objectives:The first step in developing a successful social media...
20
Jul'23
Neuro-Linguistic Programming Techniques
Neuro-Linguistic Programming (NLP) is a fascinating and widely acclaimed approach...
19
Jul'23
Acceptance and Commitment Therapy in the UK
What is acceptance and commitment therapy? Acceptance and Commitment Therapy...