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
<?php
	$message = "Hello";
	$planet = "Earth!";
	$finalMessage = "$message $thisPlanet";

	if($planet == "Earth") {
		echo $finalMessage;
	} else {
		echo "Error! Not Earth!";
		exit();
	}
?>

PHP

PHP: HyperText Preprocesser is a language to program server. (Yep, it has a recursive acronym)
  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
<!DOCTYPE html>
<html>
	<head>
		<title>ASP Hello World!</title>
	</head>

	<body>
		<%
			response.write("Hello World!")
		%>
	</body>
</html>

ASP.NET

ASP.NET is a full fleged framework to program a HTTP server (similar to PHP!)
  1. Tutorials
  2. Try A Quiz
#include<iostream>
#include<string>

using namespace std;

int main() {
	string name;
	cin>>name;
	cout<<"Hello "<<name<<endl;
	return 0;
}

C++

C++, enough said! ;)
  1. Tutorials
  2. Try A Quiz
#!/usr/bin/python


iAmNumber = 100 # Integer assignment
iAmDecimal   = 1000.0 # A floating point
message    = "Hello World" # A string


print message
print message*2 # Yup!

Python

Python (not a snake) is a general purpose language. Extremely simple, extremely powerful.
  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!
  1. See All Languages
import {Component} from 'angular2/core';

@Component({
    selector: 'helloWorld',
    template: `Hello World`
})

export class helloComponent {
	
}

Angular 2

Google comes back with the most powerful JS web framework built, ever.
  1. Tutorials
  2. Try A Quiz
@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