A massive free guide to building web apps with ReactJS

The React Handbook – a massive free guide to building web applications with ReactJS (116 minute read).

How to build your own Tetris game using Python and Pygame (2 hour watch).

The story of how Christina went from stay-at-home mother of 3 kids to working full time from home as a JavaScript developer (3 minute read).

Learn MongoDB – the popular NoSQL database – by building a Node.js CRUD app from scratch (75 minute watch).

Over the winter holiday, Angela challenged herself to build one coding project each day for 20 days. Her resulting apps are fun and elegant. (6 minute read).

freeCodeCamp is a donor-supported nonprofit. Help the community reach our goal of 10,000 monthly supporters. (We’re already 41% of the way there!) Become a supporter!

Happy coding!

  • Quincy Larson

Teacher at freeCodeCamp.org


Platformer Game Tutorial using JavaScript

This tutorial starts with teaching how to organize the code using the Model, View, Controller (MVC) strategy and the principles of Object Oriented Programming (OOP). Then, it shows how to program movement, draw a tile map, and detect collision. Finally, the tutorial teaches how to animate the sprites, load levels, and collect items.

After watching, you will be able to apply the same priciples to create a game of your own.

You can watch the video here.


Converting from Speech to Text with JavaScript

In this tutorial we are going to experiment with the Web Speech API. It’s a very powerful browser interface that allows you to record human speech and convert it into text. We will also use it to do the opposite – reading out strings in a human-like voice.

Let’s jump right in!

The App

To showcase the ability of the API we are going to build a simple voice-powered note app. It does 3 things:

  • Takes notes by using voice-to-text or traditional keyboard input.
  • Saves notes to localStorage.
  • Shows all notes and gives the option to listen to them via Speech Synthesis.

 

demo2.png
Our App for Taking Notes Using Voice Input.

 

We won’t be using any fancy dependencies, just good old jQuery for easier DOM operations and Shoelace for CSS styles. We are going to include them directly via CDN, no need to get NPM involved for such a tiny project.

The HTML and CSS are pretty standard so we are going to skip them and go straight to the JavaScript. To view the full source code go to the Download button near the top of the page.

Συνεχίστε την ανάγνωση του “Converting from Speech to Text with JavaScript”


Εκμάθηση java

Χρήσιμοι σύνδεσμοι για εκμάθηση java:

  1. Thinking in Java (εναλλακτικά: λήψη από εδώ).
  2. Introduction to Programming in Java.
  3. Think Java (εναλλακτικά: λήψη από εδώ).
  4. Java EE & Java Web Learning Trail.
  5. Εισαγωγή στη Java από το Ε.Μ.Π. (εναλλακτικά: λήψη από εδώ).
  6. Μαθήματα Java από το Πανεπιστήμιο Μακεδονίας.
  7. Εισαγωγή στη Java από το nethellas.gr
  8. 11 μαθήματα για την java μέσω video-παρουσιάσεων (προσωρινά μη διαθέσιμα).

Επίσης, πολύ κατατοπιστικά είναι τα video-μαθήματα στα Ελληνικά, που θα βρείτε εδώ.

Oι 4 τελευταίοι σύνδεσμοι περιέχουν υλικό στα Ελληνικά.


New Java Vulnerability Used in Targeted Attacks

Πηγή & πλήρες άρθρο στο cisco blog.

 

Security researchers discovered a Java vulnerability (documented in IntelliShield alert 26751) that attackers are using to install malicious software on a victim’s systems. No software updates are available that correct the vulnerability. The attacks are currently limited in nature. There have been few reports of attacks that rely on the vulnerability. Now that Metasploitdeveloped a functional exploit, continued attacks that leverage this vulnerability increase in likelihood as time goes on. US-CERT has issued a related vulnerability note. Administrators can monitor this and other ongoing activity at the Cisco Security Intelligence Operations portal.


JavaScript Animator Express – Δημιουργήστε τα δικά σας Animation

Πηγή: dwrean.net
Αυτό το εργαλείο σας επιτρέπει να δημιουργήσετε εύκολα κινούμενα σχέδια (animation) από αρχεία εικόνας (εικόνες GIF και JPGs). Η κίνηση επιτυγχάνεται με τη δημιουργία μιας απλής HTML σελίδας με JavaScript animation, και τρέχει στο προεπιλεγμένο πρόγραμμα περιήγησης (browser). Το αποτέλεσμα μπορείτε να το ανεβάσετε και στον δικό σας διαδικτυακό τόπο!

Άνοιγμα μενού
Αλλαγή μεγέθους γραμματοσειράς
Αντίθεση