Web Dev and playing TicTacToe

Due Date	@Apr 23, 2020

Alright! Lets get to Web Development! HTML, CSS, JavaScript are the fundamentals of web development, so it is important that you are comfortable with them before moving on to some really cool stuff for the next weeks!

Resources

w3schools is no doubt the best site to learn the basics of Web Dev in a simple way.

HTML
HTML Tutorial
HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn - You will enjoy it! This HTML tutorial contains hundreds of HTML examples. With our online HTML editor, you can edit the HTML, and click on a button to view the result.
https://www.w3schools.com/html/default.asp

CSS
CSS Tutorial
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML.
https://www.w3schools.com/css/default.asp

JavaScript
Java Script is too vast. Starting with the crash course first is advisable.
JavaScript basics
JavaScript ("JS" for short) is a full-fledged dynamic programming language that, when applied to an HTML document, can provide dynamic interactivity on websites. It was invented by Brendan Eich, co-founder of the Mozilla project, the Mozilla Foundation, and the Mozilla Corporation.
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics

References

As you move ahead with time, keeping the references for these will be helpful

HTML
HTML Reference
A free guide to all HTML elements and attributes.
https://htmlreference.io/

CSS
CSS-Tricks
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking. A CSS motion path allows us to animate elements along custom user-defined paths. Those paths follow the same structure as SVG paths.
https://css-tricks.com/
CSS Reference
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
https://cssreference.io/

JavaScript
JavaScript Reference
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML.
https://www.w3schools.com/jsref/jsref_reference.asp

To practice using with HTML page, read DOM manipulation

The Basics of DOM Manipulation in Vanilla JavaScript (No jQuery) - SitePoint

Sebastian Seitz gives you a crash course in DOM manipulation with vanilla JavaScript, abstracting the more verbose parts into a set of helper functions.

https://www.sitepoint.com/dom-manipulation-vanilla-javascript-no-jquery/

Challenge

Who hasn't played Tic Tac Toe before? Here's an interesting project to develop a Tic Tac Toe web game using the basic HTML, CSS and JS you've already studied.

It's already covered in COPS Wintercamp 2019 so it's required to be done by only those who haven't done it before.

Tic Tac Toe

All tasks are listed below in details: Task 1: Add a two player mode in which two people can play against each other ( 100 points ) Task 2:Add a one player mode where a person can play with a smart bot that never loses ( 100 points ) Task 3:Add a option for player to choose what shape to begin with ( X/O ) ( 50 points ) Deadline The deadline of the task is 19 thof December

http://wintercamp.copsiitbhu.co.in/

Submission

Once you are done with the task, open a pull request here