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.

Από τον Αύγουστο 2018 η νέα έκδοση Scratch 3.0! Ποια είναι τα βασικά χαρακτηριστικά της;

Πηγή και πλήρες άρθρο με παραδείγματα.

Η δοκιμαστική έκδοση του προγραμματιστικού περιβάλλοντος Scratch 3.0, γραμμένο σε HTML5, βρίσκεται σε φάση ανάπτυξης και προβλέπεται η ολοκλήρωση της να πραγματοποιηθεί τον Αύγουστο 2018.

Στα 11, περίπου, χρόνια λειτουργίας του αποδείχτηκε ότι η μεγάλη εξάπλωση του «ανοιχτού λογισμικού» Scratch, παγκόσμια, οφείλεται και στην εκπληκτική «Κοινότητα» που δημιουργήθηκε από τον M.Resnick και την ομάδα του στο Media Lab του Τεχνολογικού Ινστιτούτου Μασαχουσέτης (ΜΙΤ) και παρέχεται δωρεάν.

Σύμφωνα με τα στατιστικά στοιχεία που δημοσιεύονται, τον προηγούμενο μήνα Μάιο οι εγγεγραμμένοι χρήστες (user registered) ήταν 28.989.643 και τα αναρτημένα προγράμματα (projects shared) 32.753.328.

Το Scratch 3.0 είναι γραμμένο σε HTML5 και είναι δημιούργημα της ομάδας του Scratch στο MIT σε συνεργασία με τη Google. Έτσι, φτιάχτηκε για να λειτουργεί κανονικά KAI στα κινητά τηλέφωνα ή tablets που χρησιμοποιούν το λειτουργικό σύστημα Android της Google, κάτι που δικαιολογεί το μέγεθος των blocks. Ας σημειωθεί ότι όσα αναφερθούν εδώ αφορούν αποκλειστικά στο προγραμματιστικό περιβάλλον και όχι στη δομή και το περιεχόμενο του website της «Κοινότητας του Scratch».

Ας δούμε τα βασικά χαρακτηριστικά

  1. Γίνεται προσπάθεια ώστε όλα τα projects που δημιουργήθηκαν με το τρέχον περιβάλλον Scratch 2.0 να τρέχουν στο νέο Scratch 3.0. Όσοι ενδιαφέρονται μπορούν να δοκιμάσουν τα δικά τους projects στη διεύθυνση https://preview.scratch.mit.edu/  με κλικ στο «View 2.0 Project» 
  2. Τα περισσότερα blocks του Scratch 2.0 διατηρούνται και στη νέα έκδοση.
  3. Οι επεκτάσεις – extensions στο νέο Scratch 3.0. Αυτό που ολοκληρώνει και απογειώνει το Scratch με τα sprites – αντικείμενα στην οθόνη είναι η διασύνδεση τους με τον εξωτερικό κόσμο (όπως, για παράδειγμα με διάφορα ρομποτάκια και υπηρεσίες στο διαδίκτυο) με τη βοήθεια των επεκτάσεων – extensions της γλώσσας προγραμματισμού. Γνωρίζουμε ότι κάτι τέτοιο συμβαίνει ήδη με το Scratch 2.0 για τρεις μόνο περιπτώσεις που αναφερθήκαμε: PicoBoard, LEGO WeDo 1.0 και LEGO WeDo 2.0.Αλλά αυτές οι επεκτάσεις έχουν το χαρακτηριστικό να εμπλουτίζουν το Scratch και όχι μόνο για τον τομέα της εκπαιδευτικής ρομποτικής. Έτσι, οι επεκτάσεις μπορεί να αναφέρονται σε ποικίλους τομείς όπως η μετάφραση κειμένου από μια γλώσσα σε άλλη καθώς επιτυγχάνεται η σύνδεση με τη δωρεάν υπηρεσία Google Translate.Σημείωση: Ο εμπλουτισμός του Scratch 3.0 με ποικίλες επεκτάσεις μου θυμίζουν αυτές του πειραματικού διαδικτυακού ScratchX και αποτελούν, τελικά, τον προάγγελο τους.

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.


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.

Continue reading “Converting from Speech to Text with JavaScript”

Δωρεάν e-books για app inventor και scratch.

Το «Δημιουργώ παιχνίδι στο Scratch» είναι ένα δωρεάν βιβλίο σε μορφή e-book το οποίο αποτελεί μια εξαιρετική πρόταση για μικρούς αλλά και για μεγάλους ώστε να μπουν στον κόσμο και την φιλοσοφία του προγραμματισμού με τον πιο ανώδυνο τρόπο.

Η δωρεάν πλατφόρμα του ΜΙΤ (Ινστιτούτο Τεχνολογίας της Μασαχουσέτης) «App Inventor»,  είναι κατάλληλα σχεδιασμένη για χρήστες οι οποίοι είναι αρχάριοι στον προγραμματισμό και αποτελεί ένα βελτιστοποιημένο για εκπαιδευτική χρήση εργαλείο, επιτρέποντας την εύκολη δημιουργία εφαρμογών για android συσκευές. Το παρόν δωρεάν e-book είναι γραμμένο από τον Σύλλογο εκπαιδευτικών Πληροφορικής Χίου όπου περιέχει προσεκτικά επιλεγμένες και όσο το δυνατόν πρωτότυπες δραστηριότητες, επιχειρώντας να εισάγει τον αναγνώστη σε βασικές έννοιες προγραμματισμού, ώστε σταδιακά να είναι ικανός να μετατρέπει τις ιδέες του σε πράξη, σχεδιάζοντας και αναπτύσσοντας τις δικές του εφαρμογές.


Hello World – a new magazine for educators.

Hello World is a magazine about computing and digital making written by educators, for educators. With three issues each year, it contains 100 pages filled with news, features, teaching resources, reviews, research and much more.

It is designed to be cross-curricular and useful to all kinds of educators, from classroom teachers to librarians.  While it includes lots of great examples of how educators are using Raspberry Pi computers in education, it is device- and platform-neutral.

HTTP request and HTML parsing with C++

Peters was eating dog food. Why are you eating dog food, I asked Peters. I don’t have time to explain, was his response.

He has one eye on the natural world and one eye in his Oculus Rift virtual reality headset.

‘Don’t worry,’ I told him, placing a hand on his fatty shoulder, ‘I will bring the latest news to your synthetic universe.’

Here’s how…

Για τους ΠΕ86 (πρώην ΠΕ19-20) ..

Πληροφορική στην Εκπαίδευση


Shaping WordPress Themes

gmelpo's Blog

A fine WordPress.com site


Just another WordPress.com site

10K L-Systems Blog

A 10k Apart Entry

Electric Soup

each word is malleable

Η τεχνολογία στην εκπαίδευση

Με τις νέες αυτές προσεγγίσεις προσπαθούμε να προκαλέσουμε το ενδιαφέρον και την επιθυμία για μάθηση, καλλιεργώντας ικανότητες του 21ου αιώνα...

Εισαγωγή στις Αρχές της Επιστήμης των Η/Υ

Γενικής Παιδείας Β΄ τάξης ΓΕ.Λ.

Skyros Refuge

Agrotourism holidays on Skyros Island, Greece

Manikandan's Weblog

If, else, do, while, switch,.........Javascript, Ajax, JSON, MySQL

Eivind's Weblog

Challenges and solutions within the world of web applications, Jboss and Jsf

I Am, Therefore I Think

"Congress shall make no law... abridging the freedom of speech, or of the press..."


Τεκ τοκ

Δομημένος Προγραμματισμός

Το πανελλαδικά εξεταζόμενο μάθημα για τα ΕΠΑ.Λ.


est. '05 - H Πληροφορική σήμερα 2K18

Ανάπτυξη Εφαρμογών σε Προγραμματιστικό Περιβάλλον

όχι άλλος ένας δικτυακός τόπος για το μάθημα Ανάπτυξη εφαρμογών σε προγραμματιστικό περιβάλλον, αλλά ένας άλλος δικτυακός τόπος για το μάθημα Ανάπτυξη εφαρμογών σε προγραμματιστικό περιβάλλον (ΑΕΠΠ)

%d bloggers like this: