- Introduction
- HTML structure game
- CSS styling game 1
- CSS styling game 2
- CSS styling game 3
- Javascript pop out functionality
- Javascript start to finish skeleton game
- Start game and movement of objects animated
- Score system and animation improvement
- High Score functionality
What you'll learn
- At the end of the course you will have great skills set like HTML5, CSS3 and Javascript
- You will be able to build projects using HTML, CSS3 and Javascript to develop games
- You will learn to apply the theoretical aspects of Javascript into real life project.
- Learn Event Handlers and DOM manipulation in a project
- Set time out and Set interval in a project
Description
If you want to start learning Javascript or to apply HTML5, CSS3 and Javascript in a project to program or you already have some basic knowledge, then you are in the right place. This course gives you a chance to take your knowledge to the next level. You will start from very basics and learn to apply the skills in two different projects (Quiz and Game).
This is a fun, practical & project based course for all skill levels. The projects in this course are designed to get you building things using HTML5, CSS & JavaScript with no frameworks or libraries. Every project is built from scratch and has some kind of dynamic functionality.
There are projects designed for you to complete in a few hours.
You should have some basic knowledge of HTML/CSS/JS. If you are brand new, this course is a mix of both with emphasis on Javascript theory and building two projects. The projects are end to end product.
project is Whack a Mole game. The following skills you will learn to implement in the project:
Learn about ES6 syntax
Event listeners
How to control CSS styles and classes with JavaScript
What's the difference between setTimeout and setInterval
How to use clearInterval, difference between const and let variables
Regular JavaScript functions and ES6 arrow functions and much more.
Create a plugin that tracks, updates and stores high score. We will also talk about logical operators in JavaScript (OR/AND/NOT) and other fundamental vanilla JavaScript techniques and principles that are useful not only for games, but also for building websites, generative art
JavaScript DOM manipulation (build a simple game add-on that keeps track of high score)
Learn local storage browser objects and it's associated JavaScript methods.
The projects will help you better understand how JavaScript works, use these skills to level up as a Front end web developer and get one step closer to getting hired for your first coding job. Also, it is a good stepping stone before you start learning React, React native and Next.js
Other Courses
Network Administration + Networking Essentials Part 2
IT Computer Network Fundamentals + Network Administration + Networking Essentials Part 2
Advanced Python: Real-World Programming Deep Dive (2024)
Learn To Write Fast, Clean, and High Performance Code Like Professional Python Programmers. Level Up Your Skills Today!
[NEW] Cyber Security 2020
web security and clever attacks, defenses, and techniques for writing secure code
Beginners Guide To Graphic Design Without Paid Software
Discover the easy ways to do graphic design without Photoshop. 3 free websites/apps to make graphic design easy!
Become an AI Accelerated Engineer Using ChatGPT
Boost Productivity & Advance Your Engineering Career with ChatGPT by becoming an AI Accelerated Engineer
About the instructors
- 4.35 Calificación
- 1512 Estudiantes
- 4 Cursos
Salvatore Aetos
Professional Web Developer and Teacher
Hi! I am Salvatore. Over 10 years experience in different programming languages. I am a full stack developer. Having interest in teaching web based languages. Providing you the best courses from beginners to advance in HTML, CSS, Javascript, Python and C# including the frameworks and libraries. I break down the information and techniques where students can easily understand it.
Student feedback
Course Rating
Reviews
Interesante