javascript

3

Learn to code while playing Minecraft


Did you know that you can learn programming while playing a video game? A team of computer scientists at the University of California, San Diego, has developed LearnToMod, software that teaches kids introductory programming with Minecraft. Students will learn JavaScript, the essential programming language of the web, and can also earn University of California college credits, regardless of their age.

“Our goal is to teach kids computer science while they’re having fun.”

Read more about how UC San Diego computer scientists are teaching programming with Minecraft.

PROGRAMMING LANGUAGES GIJINKAS (PART 1)

  1. HTML: Handles Internet with CSS and Javascript. Breaks the 4th wall on a daily basis. Literally a popstar. The gay is strong here.
  2. CSS: The one that does HTML’s wardrobe. Avid abstract artist. Bullies Javascript for eternity. Extremely one sided love for HTML.
  3. Javascript: Will do anything to keep HTML’s shit together. Has more than 10 toolboxes. Java’s happy sibling. Lowkey crush on Ruby.
  4. PHP: Confused 80% of the time. Oblivious to everything. ??????. No one knows she’s a great musician.
  5. SQL: Tsundere like no tomorrow. Cares a lot about PHP, but also consistently gets pissed at her. They live in the library. Robot arm because of a bookshelf accident.
  6. Python: Loves mountains and camping. Owns 2 bikes. Lowkey crush on the entire C family. Flaming bisexual.
  7. Ruby: Python’s hiking partner. Lives in a cave she renovated all on her own. Secretly wants to overthrow Python. Highkey crush on Javascript.
  8. C: Wildlife and nature. Exercises with tree trunks. The one who taught Python how to camp. Daddy.
  9. C++: The son of C. Always hangs out with Java at the arcade. Consistently wins online arguments. Has a crush on Python.
  10. Java: C++’s bestfriend. Owns 2 bookshelfs: One with video games, and one with actual books. Doesn’t know what sleep is. Absolute nerd.

As promised. Which ones should I do next?

neilcic.com
Writing tool: character gender/race generator

I had an idea for this writing tool where you punch in all your characters and it overrides any biases you might have by assigning their races and genders fairly. Here it is. It’s not perfect! Maybe not even useful! But I thought it would be interesting.

Let me know if I goofed up the racial nomenclature or anything. Also, definitely feel free to go ahead and change the rather simple code, add other aspects of human identity, use other countries’ census statistics, etc!

2

Highway at Night

Javascript demo by Jani Ylikangas is an in-browser animated scene which is 1k in size (the code above is the actual program):

My initial idea was to do a very realistic looking demo of a car driving along a highway on a dark night. I watched some dashcam videos on YouTube and realized that what we see in real life is very limited - it’s mainly just lights and silhouettes. I made notes on what I saw and how I could try and implement it. But first I needed a good yet small engine for road construction and rendering.

I wanted the demo to have true perpective 3D drawing combined with cheap tricks. I found out that I only needed to do the center line with real polygons … the initial idea of photorealistic graphics was dropped in favor of vintage video game looks. Another thing that helps to fool the eye is high speed. This allowed the graphics to be very simple and raw …

You can see the animation in your browser here

Some backround information about how it was put together (including the source code) can be found at Jani’s site here

2

The Lil Poop/Shit

My project for my web scripting class that my teacher somehow actually approved is officially live. click here to play it.

My project was inspired from Leo’s Red Carpet Rampage so for those not familiar with it, it’s a really challenging game. The game is programmed with javascript so the more tabs or other programs you have open with it, the more likely it is to lag.

The goal is to get the shit to the toilet before time runs out and bathroom cleaning utilities fuck you up. you’ll have farts to restore your life and piss to nudge you forward a lil bit. good luck i guess.

Hey y’all, if you’re using the Comments extension for XKit by wolfspirals but don’t like the Reply button being to the right of the Like, do the following in a new tab:

1) Open the XKit Editor (<- this is a link)
2) Click on “Open Extension”
3) Scroll presumably all the way down to “comments” and click on it
4) Ctrl+F for “append” and replace that entire line with this linked line
5) Save, close the tab, and reload Tumblr

Instead of slapping the button at the end of all the extant buttons with .append(), it picks out the Share button and puts the Reply button before that. If you like your Reply button right next to the Reblog, change “before” to “after”.

Enjoy!

My Top 5 Coding Resources

This website would not be alive if I was not able to look up instructions for html, css and even javascript to make the pages and layout look the way it does. Although let it be known now and forever that me and javascript have a really tough relationship. It’s true- I’ve been angrily doing javascript tutorials and failing since I got a D in Java Programming my sophomore year of college.

Javascript fueled anger aside, one thing I love about using tumblr is that I can access the code of my blog anytime I like and edit what I need to edit. Themes designed by people way more skilled than I am are great, but sometimes there are things in the themes that aren’t exactly right. That’s where these websites come in. These are my go to resources to figuring out how to make it right (if I don’t just type the question directly into google, which works as well)

1. W3 Schools

I don’t know how long W3Schools has existed but I swear it’s always been there. From my early days on the internet trying to figure out how to change the color of what I’m writing on a Harry Potter forum discussion, to a couple weeks ago figuring out how to make those cute rounded boxes that I see all over the internet on my about me page- W3 has been there. If you type into google:

How do I write HTML for…

they are usually one of the first results. They have extensive tutorials on HTML, CSS, Bootstrap, Javascript and even some stuff on the server side like PHP and SQL but I find myself almost exclusively up in their HTML section or making sure the CSS thing I’m trying to do is actually a real thing. 

Annnnd- they also offer certificates, i’ve never done it, but it sounds cool. 

2. Bootply/Bootsnip

Bootstrap is super cool and it helps you make super cool looking websites, don’t get me wrong. It’s snazzy and as soon as you learn about it you wanna start using it like right now- but it’s kind of daunting. 

Luckily, we have the Bootply and Bootsnip. Bootply has a text editor that comes with useful templates for making bootstrap-tastic navigation and tons of other cool stuff, also coming with just templates for your basic bootstrap website

Look at that majesty. It’s just fabulous and easy. They also have a drag and drop visual website maker, but honestly I find drag and drop code makers more trouble than their worth. 

Bootsnip rather than all out templates, is a community of people that post cool stuff that they made in bootstrap in different categories. 

Like you can look at every navigation menu anyone has ever had (as you can see I’m a little fixated on navigation- tbh I’m still not happy with the state of this blog’s menu)

Look at that. I love these sites. Even if I can’t make everything in these exactly happen, looking at the code that makes the things that these people made happen can help me look at the code that works for me. 

3. GitHub

Speaking of getting help from other people, Github is the hub. It’s the place where everyone posts their code and looks at it and helps eachother with it. The idea really is amazing. With it I can do searches and look at tools people made. And fun fact for us non-programmers: a lot of people post tumblr themes on here. Even more, a lot of people post boilerplate themes to help other people develop from because that’s what they use and I find it incredibly useful. 

4. Code Academy

As you can tell, I flit on and off of the site. Sometimes it’s useful and sometimes it isn’t. 

Maybe Code Academy isn’t perfect, but it’s a site I end up going to again and again. You could look up all the code in the world but if you don’t understand it, it’s gonna be super hard for you to make it work. I would say that the guided lessons don’t necessarily help me memorize or know languages by heart- you know no way, it doesn’t, but it helps you get familiar and there are classes for everything on there. I’d say if you even want to exist on Tumblr and want to really impact the way your blog looks- go on Code Academy. You can search through all the themes in the world and you’re never going to find the one that fits you completely. It could just be little things. But just do it. You can make the blog you want with your head held high. I’d say with Code Academy and any of these other sites, it’s not being fluent in the language. That’s only going to come with practice. But if you take the lessons, you’ll have a roadmap. 

5. Free Code Camp

Free Code Camp is one of the coolest things I’ve ever found. I don’t even remember how I found it, I think it was promoted on twitter or something. But it’s a comprehensive program that takes you through each of the languages and eventually pairs you with a nonprofit to help them with their website and to help you build a portfolio. Their goal is to get people on their site jobs when they finish. Not to mention, they’re registered as a school on LinkedIn, so you can add it to ‘Education’ on your profile. I do it when I can and I’ve fallen off the boat recently but I really think it’s a great resource. The lessons are great and when I’m on there it really feels like something clicks. 

And there are tons more resources out there

I’ve watched so many videos and gone on so many websites and there are communities everywhere so that if this is something you want to learn, it really is an option. These 5 are just the tipping point and I hope you use them.

resrc.io
List of Free Programming Books

If you’re interested in programming, you might want to check out this list of free programming books.

There’s definitely a wide range of programming languages covered :)

You also might want to contribute to it here: https://github.com/vhf/free-programming-books

5

secondrealm.is - Visual Digital Freedom Manifesto

Demoscene production written in javascript on the theme of technological decentralization:

“The Second Realm” is a term used to describe a permanent autonomous zone that certain groups of Crypto-Anarchists, Anarcho-Capitalists, Agorists, hackers, etc. are trying to create. A place where full economic freedom can be achieved with no interaction with “The First Realm” (our current economy, government, corporations, etc.). They claim the reason is to circumvent the governments control over their everyday lives, to live and trade anonymously and build a better world free from the control of “The Man.”  secondrealm.is

- a visual experiment capturing emerging cryptoanarchy technologies (anonymization networks, cryptocurrencies, reputation models or escrow services) that made possible to simulate a decentralized world without force of central authorities and using coercion.

- a full real-time demo written in pure Javascript with optional WebGL support.

- sponsored by white-hat hackers company Nethemba focused on IT Security

[Link]

You can try this out in your browser here [and as it is web native, can be watched in your mobile device]