Udemy - Learn Javascript & HTML5 Canvas – Build A Tic Tac Toe Game

seeders: 6
leechers: 0
Added 8 years ago by tutsgalaxy in Other

Download Fast Safe Anonymous
movies, software, shows...

Files

Udemy - Learn Javascript & HTML5 Canvas – Build A Tic Tac Toe Game (Size: 675.2 MB)
  001 HTML5 CSS practice test.html 17.4 KB
  001 Introduction.mp4 13.7 MB
  002 Algorithm - Part 1.mp4 12.5 MB
  002 Javascript HTML5 Canvas Practice Test.html 13.4 KB
  003 Algorithm - Part 2.mp4 7.5 MB
  004 Create skeleton of the HTML5 code.mp4 13.8 MB
  005 Meta tags of the HTML5 code.mp4 11.2 MB
  006 Create the header and the result heading.mp4 10.4 MB
  007 Create the game and rule sections skeletons.mp4 9.3 MB
  008 Create the game canvases and new game button.mp4 14.3 MB
  009 Create the rules sections paragraphs and heading.mp4 6.9 MB
  010 index.html file - Tic Tac Toe game.html 409.6 B
  011 Connect HTML and CSS files.mp4 8.7 MB
  012 Set background and more on colors.mp4 17.1 MB
  013 Set default styles and style the header.mp4 9 MB
  014 Style the headings.mp4 11.1 MB
  015 Style the canvases.mp4 7.3 MB
  016 Style the entire game area.mp4 18.4 MB
  017 Style the Divs that hold the canvases and rules area.mp4 15.7 MB
  018 Style the paragraphs and h2 headings.mp4 5.9 MB
  019 Style the New Game button.mp4 13.8 MB
  020 Create hover effects on the canvases and new game button.mp4 11.7 MB
  021 style.css file - Tic Tac Toe game.html 409.6 B
  022 Connecting HTML and scriptJS files.mp4 12.8 MB
  023 An introduction to variables and assigning values.mp4 19.5 MB
  024 Mathematical operators and alerts.mp4 20.7 MB
  025 Conditional statements - if else statement.mp4 14.2 MB
  026 Conditional statements - Switch case.mp4 15.8 MB
  027 Loops - For loop.mp4 13.2 MB
  028 Arrays - 1 dimensional arrays.mp4 14 MB
  029 Arrays - 2 dimensional arrays.mp4 10.2 MB
  030 An introduction to functions function definition and calls.mp4 21.9 MB
  031 Intro to DOM - getElementById and InnerText.mp4 21.5 MB
  032 Intro to DOM - adding click events to buttons.mp4 18.8 MB
  033 More Event listeners Part 1.mp4 9.7 MB
  034 More Event listeners Part 2.mp4 11.4 MB
  035 Step 1 2 - Getting the canvas and creating the drawing object.mp4 16.4 MB
  036 Drawing a line also explanation on canvas dimensions and pixel points.mp4 18.5 MB
  037 Drawing coloring a shape with poly lines a path.mp4 21.9 MB
  038 Drawing coloring a circle and arcs.mp4 20.1 MB
  039 Step 1 - Setting things up onload function.mp4 12.2 MB
  040 Step 1 cont. - Initial states - declare and assign.mp4 7.9 MB
  041 Step 1 cont. - Initial states - assign values to arrays.mp4 15.7 MB
  042 Step 2 - Make the new game button work.mp4 14.3 MB
  043 Step 3 - Canvas click event.mp4 15.6 MB
  044 Step 3 cont. - Canvas click function - retrieve canvas ids.mp4 15 MB
  045 Step 4 - Draw relevant shapes on canvas.mp4 14.5 MB
  046 Step 4 cont. - X and O draw codes.mp4 18.2 MB
  047 Step 4 cont. - Test intermediate output.mp4 6 MB
  048 Step 5 - Winner check.mp4 24.3 MB
  049 Step 5 cont. - Display game results.mp4 7.7 MB
  050 Error condition alerts.mp4 24.6 MB
  051 script.js file - Tic Tac Toe game.html 409.6 B
  052 All the code files - Tic Tac Toe game.html 716.8 B
  053 Congrats.html 1 KB
  054 New features that you can try to create for this game.html 3.5 KB
  Read Me.txt 102.4 B
  Torrent_downloaded_from_Demonoid_-_www.demonoid.pw_.txt 102.4 B
  TutsGalaxy.com.txt 0 B
  ▲ 60 total files

Description


Description

Practice makes perfect. Start your journey into becoming a professional front end web developer here!

At DigiFisk, we like making learning fun. Our courses are interactive and fun with a ton of practical elements to it. We’ve decided to take it a step further with our Web app development practice series.

Once you learn the syntax of a programming language, the next logical step is to start creating software and apps. But that’s where most students get stuck. Problem solving isn’t as easy as learning a bunch of syntaxes.

But we aim to make it easy for you.

What will you learn in this course?

In this course, you’ll learn how to build your own Tic Tac Toe Game App from the ground up with just HTML5 canvas, Javascript and CSS in just a couple of hours.

You’ll learn:

1. How to create the HTML5 structures of this game.

2. How to make the game pretty with CSS (design, design, design!)

and last but never the least

3. How to make the game playable (solve problems) with logic and algorithm, i.e Javascript

By the end of the course, you’ll be one stop closer to creating web apps and 2d web games like a pro. You could even try creating other smaller web apps and games.

How is this course designed?

I’ve made this course as easy to understand as possible. I’ve structured it in such a way that each section will handle one of the 3 languages covered here.

Introduction: This is where I’ll explain how the game works, it’s various features and what we’ll be using to achieve the same results.

Module 1: Every professional developer writes algorithms before creating a software or game. We’ll be writing the a step by step algorithm for our game, and I’ll be explaining what we’ll do in every step.

Module 2: I’ll be teaching you how to create the bare bones of the app with HTML5. The result will be a page with all the elements we need in our game, devoid any colors or design elements.

Module 3: Here, we’ll “beautify” our app. We’ll be using CSS elements to give our game colors and styles. At the end of this module, we’ll have a Tic Tac Toe web game that’ll look like the final result, albeit one that is not playable yet.

Module 4: I’ll be covering some basic concepts of Javascript in this module. I’ll only cover concepts that we’ll need for our game’s Javascript code though. If you already know the basics, you can skip this module.

Module 5: I’ll be covering some basic concepts of HTML5 canvas in this module. I’ll only cover concepts that we’ll need for our game’s Javascript/HTML5 canvas code though. If you already know the basics, you can skip this module.

Module 6: This would be the meat of the course. We’ll be delving into Javascript & HTML5 canvas code of our game in this module, and I’ll teach you how to make the game playable (let the user draw on the canvas and display the game results) in here.

Final section: Finally, I’ll give you some ideas on how to improve/enhance the game and make it your own in terms of design and functionalities.

This course is for you if:

1. If you like learning by doing rather than hours of boring theoretical lectures.

2. If you’re a complete newbie to the world of web development, or just programming in general, and would like to start creating software with the help of a beginner-friendly course. You’ll learn the basics of everything used in this project (HTM5, CSS3, Javascript, HTML canvas). I’ll be explaining every single line of code I’ll be using in this course, so you won’t feel lost.

3. If you have the passion for programming, and know the basics of HTML5 and CSS, but you’re stuck on the practical aspects of it. Turn your theoretical knowledge into practical knowledge with our course.

4. If you want to delve into the exciting world of front end web app development, this course will take you a couple steps further in the right direction.

5. If you’re a Javascript web developer who just wants to try out a new project. Our course welcomes coders of every level, from absolute beginners, to pros.

So, what are you waiting for? Get this course today, and begin your journey into the wonderful world of web development and game development!
Who is the target audience?

This course is for people who want to learn web development/web app development the fun way
This course is also for people who’ve learned the basics and want to move on to practical programming
If you love learning by creating, and don’t like to listen to hours of theory, this course is for you

Related Torrents

torrent name size uploader age seed leech
0
5
3
15
3