Welcome to a brand-new course where you can learn about how to build a personal portfolio website from scratch with only three core technologies-HTML, CSS, and JS-and host the website and see it go live.
Ready to sharpen your JavaScript logic and creativity in one go? This course is designed to guide learners through building a complete Bank Customer Page using JavaScript – focusing purely on front-end interactions, event handling, DOM manipulation, and code structuring. With this project-focused approach, you’ll follow along step-by-step to bring together various JavaScript functions into a single cohesive interface that mimics online banking features. This course is for those who want to bridge the gap between knowing JavaScript syntax and applying it within a meaningful coding structure. The lessons are paced smartly – no flashy jargon, no unnecessary fluff. Just you, your code, and clear project goals. As you work through building features like login simulation, deposit/withdraw interfaces, and user validation—all through JavaScript—you’ll begin to see how various concepts link together. Whether you're brushing up your front-end development skills or wanting to see how JavaScript works outside the console, this course keeps things clear, focused, and enjoyable. Every module adds a puzzle piece—giving you a solid mental model for coding user-facing features in JavaScript. Learning outcomes: Develop a complete web application using HTML, CSS, and JavaScript Learn to use AJAX to fetch data from the server Implement login and signup functionality Create a user dashboard with transaction history and account details Understand the concepts of REST API and API integration with JavaScript The "Hands On JavaScript Project - Bank Customer Page" is a comprehensive course designed to help you learn how to develop a complete web application using HTML, CSS, and JavaScript. The course covers everything from the basics of HTML and CSS to advanced topics like AJAX, REST API integration, and user authentication. You'll start by learning the fundamentals of HTML and CSS and then move on to JavaScript and jQuery. The course also covers topics like AJAX, REST API integration, and user authentication. By the end of the course, you will have developed a complete web application with a user dashboard, transaction history, and account details. Hands On JavaScript Project - Bank Customer Page Course Curriculum Section 01: Introduction Introduction to Javascript Project Javascript Content Section 02: Javascript Project Javascript Project Part 1 Javascript Project Part 2 Javascript Project Part 3 Javascript Project Part 4 Javascript Project Part 5 Javascript Project Part 6 How is the course assessed? Upon completing an online module, you will immediately be given access to a specifically crafted MCQ test. For each test, the pass mark will be set to 60%. Exam & Retakes: It is to inform our learners that the initial exam for this online course is provided at no additional cost. In the event of needing a retake, a nominal fee of £9.99 will be applicable. Certification Upon successful completion of the assessment procedure, learners can obtain their certification by placing an order and remitting a fee of __ GBP. £9 for PDF Certificate and £15 for the Hardcopy Certificate within the UK ( An additional £10 postal charge will be applicable for international delivery). CPD 10 CPD hours / points Accredited by CPD Quality Standards Who is this course for? Anyone who wants to learn web development using JavaScript Students who want to build a career in web development Experienced developers who want to expand their knowledge of JavaScript Entrepreneurs who want to develop their own web applications Anyone who wants to create a fully-functional banking web application Requirements There are no formal entry requirements for the course, with enrollment open to anyone! Career path Junior Front-End Developer: £20,000 - £30,000 per year Front-End Developer: £30,000 - £50,000 per year Senior Front-End Developer: £50,000 - £80,000 per year Web Development Team Leader: £80,000 - £120,000 per year Chief Technology Officer (CTO): £120,000+ per year Certificates Certificate of completion Digital certificate - £9 You can apply for a CPD Accredited PDF Certificate at the cost of £9. Certificate of completion Hard copy certificate - £15 Hard copy can be sent to you via post at the expense of £15.
JavaScript isn't just for fancy buttons and dropdown menus anymore. It's the backbone of modern web development and a powerful tool for crafting stunning, dynamic visual stories. This course takes you on a journey through JavaScript’s core features and then introduces you to the art of data visualisation—turning raw information into meaningful, interactive charts and graphics. Whether you're looking to sharpen your programming knowledge or want to make data a little less dull, this course keeps things sharp, smart, and structured. From plotting simple graphs to building responsive dashboards, you'll explore how JavaScript pairs beautifully with libraries like D3.js and Chart.js. Everything is broken down into digestible sections—no fluff, no filler, just the essentials taught with a touch of wit and clarity. You don’t need to be a coding wizard to join in, just a willingness to learn and a screen to learn it on. This is where data gets a makeover, and JavaScript shows off its creative side. Expert Support Dedicated tutor support and 24/7 customer support are available to all students with this premium quality course. Key Benefits Learning materials of the Design course contain engaging voiceover and visual elements for your comfort. Get 24/7 access to all content for a full year. Each of our students gets full tutor support on weekdays (Monday to Friday) Course Curriculum: Introduction Getting Started Introduction to Getting Started Course Curriculum How to Get Pre-Requisites Getting Started on Windows, Linux or Mac How to ask a Great Questions FAQ's Setting up Local Development Environment What is JavaScript Choosing Code Editor Installing Code Editor(Sublime Text) Installing Code Editor(Visual Studio Code) Hello World Program Getting Output Summary JavaScript Fundamentals Introduction Internal JavaScript External JavaScript Inline JavaScript Async and defer Variables Data Types Numbers Boolean Arrays() Objects Comments Summary Strings Introduction Strings String Formatting String Methods Summary Operators Introduction Arithmetic operators Assignment operators Comparison operators Logical operators Summary Conditional Statements Introduction If statement If-else statement If-else-if statement Switch-case statement Summary Control Flow Statements Introduction While loop Do-while loop For loop Break Continue Coding Exercise Solution for Coding Exercise Summary Functions Introduction Creating a Function Function Call() Function with parameters Function Bind() Summary Data Visualization (Google Chart) Introduction How to Use Google chart script Line Graph chart Scatter plots chart Bar chart Pie chart 3D Pie chart Summary Error Handling Introduction Try-catch Try-catch-finally Summary Client-side Validations Introduction On Submit Validation Input Numeric Validation Login Form Validation Password Strength Check Validation Summary Course Assessment To simplify the procedure of evaluation and accreditation for learners, we provide an automated assessment system. Upon completion of an online module, you will immediately be given access to a specifically crafted MCQ test. The results will be evaluated instantly, and the score will be displayed for your perusal. For each test, the pass mark will be set to 60%. When all tests have been successfully passed, you will be able to order a certificate endorsed by the Quality Licence Scheme. Exam & Retakes: It is to inform our learners that the initial exam for this online course is provided at no additional cost. In the event of needing a retake, a nominal fee of £9.99 will be applicable. Certification Upon successful completion of the assessment procedure, learners can obtain their certification by placing an order and remitting a fee of £9 for PDF Certificate and £15 for the Hardcopy Certificate within the UK ( An additional £10 postal charge will be applicable for international delivery). Who is this course for? This Master JavaScript with Data Visualization course is designed to enhance your expertise and boost your CV. Learn key skills and gain a certificate of achievement to prove your newly-acquired knowledge. Requirements This Master JavaScript with Data Visualization course is open to all, with no formal entry requirements. Career path Upon successful completion of the Master JavaScript with Data Visualization Course, learners will be equipped with many indispensable skills and have the opportunity to grab.
Overview This comprehensive course on JavaScript Project - Game Development with JS will deepen your understanding on this topic. After successful completion of this course you can acquire the required skills in this sector. This JavaScript Project - Game Development with JS comes with accredited certification from CPD, which will enhance your CV and make you worthy in the job market. So enrol in this course today to fast-track your career ladder. How will I get my certificate? You may have to take a quiz or a written test online during or after the course. After successfully completing the course, you will be eligible for the certificate. Who is This course for? There is no experience or previous qualifications required for enrolment on this JavaScript Project - Game Development with JS. It is available to all students, of all academic backgrounds. Requirements Our JavaScript Project - Game Development with JS is fully compatible with PC's, Mac's, Laptop, Tablet and Smartphone devices. This course has been designed to be fully compatible with tablets and smartphones so you can access your course on Wi-Fi, 3G or 4G. There is no time limit for completing this course, it can be studied in your own time at your own pace. Career Path Learning this new skill will help you to advance in your career. It will diversify your job options and help you develop new techniques to keep up with the fast-changing world. This skillset will help you to- Open doors of opportunities Increase your adaptability Keep you relevant Boost confidence And much more! Course Curriculum 2 sections • 12 lectures • 01:45:00 total length •Introduction to Beware of the Jolly Roger: 00:03:00 •Creating the HTML File: 00:12:00 •Adding CSS to it: 00:13:00 •Understanding Math Random: 00:12:00 •Adding Javascript: 00:05:00 •Calling the Function: 00:10:00 •Clicked on 10 Flags: 00:10:00 •Jolly Roger: 00:11:00 •Win or Lose: 00:06:00 •Flag is Displayed: 00:03:00 •Understanding Arrays: 00:12:00 •Different Flag Opening at Every Click: 00:08:00
Overview This comprehensive course on Master JavaScript with Data Visualization will deepen your understanding on this topic. After successful completion of this course you can acquire the required skills in this sector. This Master JavaScript with Data Visualization comes with accredited certification from CPD, which will enhance your CV and make you worthy in the job market. So enrol in this course today to fast track your career ladder. How will I get my certificate? You may have to take a quiz or a written test online during or after the course. After successfully completing the course, you will be eligible for the certificate. Who is This course for? There is no experience or previous qualifications required for enrolment on this Master JavaScript with Data Visualization. It is available to all students, of all academic backgrounds. Requirements Our Master JavaScript with Data Visualization is fully compatible with PC's, Mac's, Laptop, Tablet and Smartphone devices. This course has been designed to be fully compatible with tablets and smartphones so you can access your course on Wi-Fi, 3G or 4G. There is no time limit for completing this course, it can be studied in your own time at your own pace. Career Path Learning this new skill will help you to advance in your career. It will diversify your job options and help you develop new techniques to keep up with the fast-changing world. This skillset will help you to- Open doors of opportunities Increase your adaptability Keep you relevant Boost confidence And much more! Course Curriculum 11 sections • 76 lectures • 06:21:00 total length •Introduction to Getting Started: 00:02:00 •Course Curriculum: 00:05:00 •How to Get Pre-Requisites: 00:02:00 •Getting Started on Windows, Linux or Mac: 00:01:00 •How to ask a Great Questions: 00:02:00 •FAQ's: 00:01:00 •What is JavaScript: 00:09:00 •Choosing Code Editor: 00:03:00 •Installing Code Editor (Sublime Text): 00:04:00 •Installing Code Editor(Visual Studio Code): 00:07:00 •Hello World Program: 00:14:00 •Getting Output: 00:11:00 •Summary: 00:02:00 •Introduction: 00:02:00 •Internal JavaScript: 00:13:00 •External JavaScript: 00:09:00 •Inline JavaScript: 00:04:00 •Async and defer: 00:06:00 •Variables: 00:13:00 •Data Types: 00:10:00 •Numbers: 00:06:00 •Boolean: 00:04:00 •Arrays(): 00:12:00 •Objects: 00:06:00 •Comments: 00:05:00 •Summary: 00:01:00 •Introduction: 00:02:00 •Strings: 00:06:00 •String Formatting: 00:05:00 •String Methods: 00:12:00 •Summary: 00:02:00 •Introduction: 00:02:00 •Arithmetic operators: 00:07:00 •Assignment operators: 00:03:00 •Comparison operators: 00:06:00 •Logical operators: 00:08:00 •Summary: 00:02:00 •Introduction: 00:02:00 •If statement: 00:04:00 •If-else statement: 00:05:00 •If-else-if statement: 00:04:00 •Switch-case statement: 00:09:00 •Summary: 00:01:00 •Introduction: 00:02:00 •While loop: 00:09:00 •Do-while loop: 00:03:00 •For loop: 00:08:00 •Break: 00:02:00 •Continue: 00:03:00 •Coding Exercise: 00:02:00 •Solution for Coding Exercise: 00:02:00 •Summary: 00:02:00 •Introduction: 00:02:00 •Creating a Function: 00:07:00 •Function Call(): 00:07:00 •Function with parameters: 00:05:00 •Function Bind(): 00:06:00 •Summary: 00:01:00 •Introduction: 00:01:00 •How to Use Google chart script: 00:04:00 •Line Graph chart: 00:14:00 •Scatter plots chart: 00:02:00 •Bar chart: 00:04:00 •Pie chart: 00:02:00 •3D Pie chart: 00:02:00 •Summary: 00:01:00 •Introduction: 00:01:00 •Try-catch: 00:05:00 •Try-catch-finally: 00:17:00 •Summary: 00:01:00 •Introduction: 00:01:00 •On Submit Validation: 00:09:00 •Input Numeric Validation: 00:12:00 •Login Form Validation: 00:05:00 •Password Strength Check Validation: 00:04:00 •Summary: 00:01:00
Course Overview Acquiring an expert hand in JavaScript can be massive support for climbing the career ladder. The JavaScript Data Structures Foundation Course is here to improve your Java skills. In the course, you will learn the essentials of JavaScript data structure and add one more valuable skill set to your list. The JavaScript Data Structures Foundation Course will teach you the fundamentals of JavaScript concepts. There will be extensive lessons on how to list and stack data structures. You will become skilled in implementing content. The modules will cover detailed information about setting data structure and the skills to implement different set features. You will become an expert in creating unique sets. In this step by step process, you will achieve the expertise to build a solid foundation in this subject. This JavaScript Data Structures Foundation Course will provide you with theoretical knowledge and practical skills on JavaScript data structure. Enroll the course and boost your career in the relevant sector. Learning Outcomes Learn about the essential JavaScript concepts Comprehend the skills to list and stack data structures Understand the process of implementing contents and clear features Enrich your knowledge of queue data structure Identify the challenges and gain the skills to overcome them Know the procedure of creating a unique set Who is this course for? Web Developers, programmers or anyone interested to build their skills in this area. Entry Requirement This course is available to all learners, of all academic backgrounds. Learners should be aged 16 or over to undertake the qualification. Good understanding of English language, numeracy and ICT are required to attend this course. Certification After you have successfully completed the course, you will be able to obtain an Accredited Certificate of Achievement. You can however also obtain a Course Completion Certificate following the course completion without sitting for the test. Certificates can be obtained either in hardcopy at the cost of £39 or in PDF format at the cost of £24. PDF certificate's turnaround time is 24 hours, and for the hardcopy certificate, it is 3-9 working days. Why choose us? Affordable, engaging & high-quality e-learning study materials; Tutorial videos/materials from the industry-leading experts; Study in a user-friendly, advanced online learning platform; Efficient exam systems for the assessment and instant result; The UK & internationally recognized accredited qualification; Access to course content on mobile, tablet or desktop from anywhere anytime; The benefit of career advancement opportunities; 24/7 student support via email. Career Path The JavaScript Data Structures Foundation Course is a useful qualification to possess and would be beneficial for any related profession or industry such as: Programmer Web Developer Introduction Welcome to the Course 00:03:00 Essential Concepts Essential Concepts 00:02:00 Constructor Function 00:09:00 Protoype 00:04:00 Class 00:04:00 List Data Structure List Data Structure 00:01:00 Creating Class For List Data Structure 00:03:00 Implementing Add And Remove Feature 00:09:00 Working On Find And Remove Feature 00:08:00 Creating InsertAfter Feature 00:05:00 Implementing Contains And Clear Feature 00:04:00 Challenge - Work On Traverse List Features 00:03:00 Solution - Implementing List Traverse Features 00:08:00 Challenge - Work On DisplayElementNameOnPostion Features 00:01:00 Solution - Implementing DisplayElementNameOnPostion Features 00:06:00 Stack Data Structure Stack Data Structure 00:03:00 Using Object To Create Stack Class 00:04:00 Implementing Push and Pop Feature 00:09:00 Working with Peek and Clear Feature 00:04:00 Challenge - Extend Stack Class Feature 00:01:00 Solution - Extending Stack Class Feature 00:03:00 Challenge - Convert Stack Class From Object To Array Class 00:01:00 Solution - Converting Stack Class From Object To Array Class 00:05:00 Queue Data Structure Queue Data Structure 00:03:00 Using Object To Create Queue Class 00:04:00 Implementing Enqueue Feature 00:03:00 Implementing Tricky Dequeue Feature 00:09:00 Working On PeeK Size and Clear Features 00:03:00 Extending Features With Two Extra Methods 00:06:00 Challenge Convert Queue Class From Object To Array Class 00:01:00 Solution Converting Queue Class From Object To Array Class 00:04:00 Set Data Structure Set Data Structure 00:02:00 Creating Set Class 00:03:00 Implementing Add And Remove Feature 00:09:00 Working On Contains, Show And Size Method 00:05:00 Creating Unique Set 00:09:00 Adding Mutual Members Feature 00:04:00 Challenge Implement Difference Set Feature 00:02:00 Solution Implementing Difference Set Feature 00:03:00 Final Thought Final Thought 00:01:00 Resources Resources - JavaScript Data Structures Foundation Course 00:00:00 Certificate and Transcript Order Your Certificates and Transcripts 00:00:00
Sharpen your HTML, CSS, and JavaScript by working on a large variety of projects. In this course, we'll be working through a project a day using vanilla JavaScript. Over the next 50 days, you'll have 50 small, unique, DOM-oriented projects under your belt.