Here is a great checklist for testing your knowledge about web development https://twitter.com/umaar/status/963161780787798016

function $(def){
	try{
		if(def.charAt(0) == "#"){
			return document.getElementById(def.replace("#",""))
		}else if(def.charAt(0) == "."){
			return document.getElementsByClassName(def.replace(".",""))
		}else if(def.charAt(0) == "@"){
			return document.getElementsByTagName(def.replace("@",""))
		}else if(def.charAt(0) != "#" && def.charAt(0) != "."){
			console.error("bad define with >>> " + def)
		}
	}catch(err){
		console.error(err)
	}
}
HTMLElement.prototype.text = function(str){
	this.innerHTML = str
}
HTMLElement.prototype.click= function(eve){
	this.addEventListener("click",function(){
		setTimeout(eve,0)
	})
}
function keyevent(key,eve){
	try{
	if(key.charAt(0) == "@"){
		window.addEventListener("keydown",function(){
			if(event.code == key.replace("@","")){
				setTimeout(eve,0)
			}
		})
	}else if(key.charAt(0) == "#"){
		window.addEventListener("keyup",function(){
			if(event.code == key.replace("#","")){
				setTimeout(eve,0)
			}
		})
	}else if(key.charAt(0) == "."){
		window.addEventListener("keypress",function(){
			if(event.code == key.replace(".","")){
				setTimeout(eve,0)
			}
		})
	}
	}catch(err){
		console.error(err)
	}
}

Select all Open in new window

i made something like jquery
the using like almost like jquery
$("") for define the Elements use the dot for classes and # for id and @ for tags
and click method to make click event Ex.. > element.click(function(){//code here})
and text() like jquery edit the innerHTML value
keyevent to do event with press key and upkey and downkey
use the @ for keydown
use the # for keyup
use the . for keypress
and more coming

who can help me to add cool ideas

More on the two "villians" too. It has a nice description, not overly technical (though inevitable at times) for understanding. Crux of it is remediation is really for CPU vendors to issue firmware updates to protect against these attacks. The OS and affected vendor will "support" with their release to reduce the attack surface or make it harder to exploit.

Unfortunately, there are no software patches or operating system mitigations that can fully mitigate the impacts of the Spectre attacks and the flaws being abused. Only saving grace is browser vendors have begun updating their browsers to disable certain features which make the Spectre attack feasible via JavaScript. If really paranoid, back to basic to disable active scripting like Javascript.

https://research.kudelskisecurity.com/2018/01/04/meltdown-spectre-attacks-on-cpu-flaws/

I want study

This is the best selling point I've seen for updating to ES2017. Callbacks and promises were annoying as can be. https://css-tricks.com/using-es2017-async-functions/

Nuxt is a great Vue.js starter kit. Vue.js is another javascript framework like React or Angular. I wasn't a fan of Vue until I saw this kit. https://www.sitepoint.com/nuxt-js-universal-vue-js/ 

The other day Rourke told me about a game called Screeps where you code your AI units in Javascript. I'm surprised I haven't heard about these types of games before! The reviews say there's a barrier to entry for novice programmers but hopefully that won't scare too many off.

This looks like an interesting way to build a javascript application without introducing framework library dependency hell. I definitely plan to give it a try.

Using a WebRTC data channel it's possible for a mobile device to peer share content similar to torrents. This is an interesting approach for scaling user generated content in mobile apps and on the web.

Some tips and tricks to get you started with JavaScript, and help you form good habits that can make your life easier in the long run!

This looks like a really simple way to implement a small Augmented Reality app.