Browse. Learn. Build.

codedamn aims to provide free knowledge. Be a part of the mission!

<!DOCTYPE html>
<html>
	<head>
		<title>Hello World</title>
	</head>
	<body>

		<h1>Hello World!</h1>
		<p>How'd you doin?!</p>

	</body>
</html>

HTML

HTML is a standardized langauge to design beautiful websites and graphics on internet.
  1. Tutorials
  2. Try A Quiz
html {
    firstTime: true;
    excited: true;
}

world {
    say: hello;
}

css {
    awesomeness: overloaded;
    easy: yes;
    fun: yes;
}

CSS

CSS is a stylesheet language used to design look and give feel to markup languages.
  1. Tutorials
  2. Try A Quiz
function sayHello() {

	while(you.energy == true) {
		console.log("Hello World!");
	}

	if(!you.energy) {
		energy.reFill();
		console.log("Hello World, again!");
	}

}
sayHello();

JavaScript

JavaScript is object-oriented language to make HTML pages interactive.
  1. Tutorials
  2. Try A Quiz
if(window.jQuery) {

	$('#user').say('Hello World!');

	if($('#user').isHappy()) {
		console.log('Me too!');
	} else {
		console.log('Why buddy? :(');
	}

}

jQuery

jQuery is a library of JavaScript to enhance the performance and compatibility of JavaScript.
  1. Tutorials
  2. Try A Quiz
<!DOCTYPE html>
<html ng-app="main">
<head>
    <title>Hello World</title>
    <script src="angular.js"></script>
</head>
<body>

    <input type="text" ng-model="name" />
    <h1>Hello {{ name }}</h1>

</body>
</html>

AngularJS

AngularJS is the most popular framework of JavaScript for SPA (Single Page Applications) online.
  1. Tutorials
  2. Try A Quiz
import { knowledge } from '@internet/codedamn';

@Component({
  selector: 'life',
  templateUrl: './body.html',
  styleUrls: ['./skin.css']
})

Angular 4

Angular 4, or just Angular is the recent and done-from-scratch release of Angular by Google to create an extremely powerful MV* framework for web.
  1. Tutorials
  2. Try A Quiz
//background.js

function getDetails(extension){
	if(extension.isPopular()) {
		console.log('Awesome!');
	} else {
		learn.chromeExtension();
		launchExtension();
	});
}

chrome.storage.local.get('user', getDetails);

Chrome Extensions

Extensions of Google Chrome extend browser functionality by providing APIs to interact with browser (via JavaScript).
  1. Tutorials
  2. Try A Quiz
<ion-navbar #nav>
  <ion-title>
    Home
  </ion-title>
</ion-navbar>

<ion-content class="home">
  <ion-card>
    <ion-card-content>
      Hello World
    </ion-card-content>
  </ion-card>
</ion-content>

Ionic 3

Ionic 3 is the best hybrid framework available to build quick and beautiful cross platform apps with cutting edge frameworks like Angular 4.
  1. Tutorials
  2. Try A Quiz
while(await getNewActivity()) {

	let userResponse = getUserResponse()
	let reply = determineResponse(userResponse)
	const connection = await facebookAPI.connect()

	connection.push(reply, { typing: false })
	connection.push(getEmoji(EMOJI.SMILING))
	
}

Chatbots

Learn how to develop basic chatbots for facebook messenger.
  1. Tutorials
  2. Try A Quiz
while(me.alive) {
	study++;
	learn++;
	fun++;
	programming.forever();
	codedamn.forever();

	if(me.dead) {
		respawn();
	}

}

+ More

Well, that's not the end of the world! We've got more in store! Check All Playlists
  1. See All Languages
@import 'reset';

nav {
  ul {
    list-style: square;
  }

  li { display: inline-block; }

  a {
    display: block;
  }
}

Sass

Sass is a fancy language which superpowers your CSS code!
  1. Tutorials
  2. Try A Quiz
<ion-header-bar class="bar-stable">
	<h1 class="title">Hello World!</h1>
</ion-header-bar>

Ionic Framework

Learn how to create freakin' awesome apps for mobile devices.
  1. Tutorials
  2. Try A Quiz