Is this you? As a journalist, you can create a free Muck Rack account to customize your profile, list your contact preferences, and upload a portfolio of your best work.
Claim your profile
Articles by Rami Sayar
Hands-On: Build a Node.js-powered Chatroom Web App (#3)
This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with express, how to deploy a node express apps to Azure, how to use socketio to add a real-time layer and how to deploy it all together.
Hands-On: Build a Node.js-powered Chatroom Web App (#1)
This Node.js tutorial series will help you build a Node.js-powered real-time chatroom web app fully deployed in the cloud. In this series, you will learn how to setup Node.js on your Windows machine (or just learn the concepts if you’re on Mac), how to develop a web frontend with Express, how to deploy a node express apps to Azure, how to use Socket.IO to add a real-time layer, and how to deploy it all together.
Hands-On: Build a Node.js-powered Chatroom Web App (#2)
This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with Express, how to deploy a Node Express-based app to Microsoft Azure, how to use Socket.IO to add a real-time layer, and how to deploy it all together.
Build a Node.js-powered Chatroom Web App (Part Five)
This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with Express, how to deploy a Node Express-based app to Microsoft Azure, how to use Socket.IO to add a real-time layer, and how to deploy it all together.
Wir bauen eine Chatroom Web-App mit Node.js (#5) | DR. WEB
Jetzt würde ich gern paar Dinge in ändern. Als erstes will ich die Reihenfolge der Sortierung umkehren – damit die ältesten Mitteilungen zuerst gesendet werden. Außerdem sollen die neuesten Chat-Nachrichten auf dem gleichen Kanal gesendet werden, auf dem die neuen Nachrichten empfangen werden. Diese Änderungen vollziehe ich in den Zeilen 49 und 50 von app.js.
Build a Node.js-powered Chatroom Web App (Part Four)
This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with Express, how to deploy a Node Express-based app to Microsoft Azure, how to use Socket.IO to add a real-time layer, and how to deploy it all together.
Build a Node.js-powered Chatroom Web App (Part Six)
This Node.js tutorial series will help you build a Node.js powered real-time chatroom web app fully deployed in the cloud. Throughout the series, you will learn how to setup Node.js on your Windows machine, how to develop a web frontend with Express, how to deploy a Node Express-based app to Microsoft Azure, how to use Socket.IO to add a real-time layer, and how to deploy it all together.
Wir bauen eine Chatroom Web-App mit Node.js (#4) | DR. WEB
In unserer bestehenden Ordnerstruktur fallen jetzt ein paar Unstimmigkeiten ins Auge. Wir werden daher die Stylesheets- und JavaScript-Ordner vereinheitlichen. Ich persönlich bevorzuge die Bootstrap-Benennungen, das heißt “ ” statt “ ” und “ ” statt “ ”, da diese mit den Libraries von Drittanbietern geteilt werden. Nun kopieren wir die Dateien von “ ” in “ ” und löschen den “ ” Ordner, der jetzt leer sein sollte.
Wir bauen eine Chatroom Web-App mit Node.js (#1) | DR. WEB
Hier nun also der Teil 1 der Praxis-Tutorialserie über Node.js: Wir programmieren eine Node.js-getriebene Chatroom Web App. In diesem Teil erkläre ich was Node.js überhaupt ist, warum man sich unbedingt mit Node.js beschäftigen sollte und wie man es auf dem Rechner einrichtet. Dann genau hinschauen, ob das Node.js Installationsprogramm zur PATH Systemumgebungsvariable hinzugefügt wurde.
Wir bauen eine Chatroom Web-App mit Node.js (#3) | DR. WEB
In dieser Node.js Tutorial-Serie zeigen wir, wie man eine Node.js-getriebene Echtzeit-Chatroom Web App erstellt, die vollständig cloud-fähig ist. Es wird darum gehen, Node.js auf einem Windows-Rechner aufzusetzen, ein Web-Frontend mit Express zu entwickeln, eine Node-Express-App auf Azure zu bringen, Socket.IO zu nutzen, um einen Echtzeit-Layer hinzuzufügen und zu zeigen, wie man das Ganze zum Schluss einsetzt.
Wir bauen eine Chatroom Web-App mit Node.js (#6) | DR. WEB
Glückwunsch! Wir haben es vollbracht! Der anonyme Echtzeit-Chatroom läuft in der Cloud. In dieser Tutorial-Serie haben wir nicht nur gelernt, wie man Node aufsetzt, ein Web-Frontend mit Express entwickelt und die App in die Cloud bringt, sondern auch wie man nutzt, um einen Echtzeit-Layer einzufügen. Zu guter Letzt wissen wir nun auch, wie man das Ganze am Ende bereitstellt. Wer will, kann die einzelnen Teile noch mal auf meinem Blog nachlesen (in englischer Sprache).
Wir bauen eine Chatroom Web-App mit Node.js (#2) | DR. WEB
In diesen Zeilen legen wir verschiedene Einstellungsparameter fest, darunter auf welchem Port der Server läuft (Zeile 15) und in welchem Verzeichnis die HTML Datei-Templates zu finden sind (Zeile 16). In Zeile 17 bestimmen wir die Template-Engine die wir benutzen wollen, in unserem Fall ist es Jade. Jade ist eine weit verbreitete Template-Engine, die das Schreiben von HTML-Code sehr erleichtert, unter anderem weil sie auf spezielle Syntax-Erfordernisse wie spitze Klammern () verzichtet.
The Future of the Web
, developer of the extremely popular React for Beginner's video series, , partner at the IsleOfCode Ember shop in Toronto, , designer and UX fanatic at the Republic of Quality, and , JavaScript and Node hacker extraordinaire, get together for a live, opinionated discussion on the future of front-end web frameworks and dev tools.
Hack Grunt to Make Your Website Awesome
Do you get tired of reloading your website every time you make a change to your CSS styles? Are you always compressing your CSS and JavaScript files? In this video, Rami Sayar hacks together a Grunt script to help make your website awesome. This Gruntfile automates compiling SASS to CSS, improves your CSS with autoprefixer, minifies the CSS, JavaScript, HTML files and watches your files to automatically reload the browser and sync styles as you develop.
Top JavaScript Frameworks, Libraries & Tools and When to Use Them
It seems almost every other week there is a new JavaScript library taking the web community by storm! The web community is increasingly vibrant, diverse and is moving rapidly on multiple fronts. It would be an impossible feat to survey every major JavaScript framework and library. Instead, I will share some of the most famous and influential ones for front-end development. So let’s take a look at the top JavaScript web front-end framework, libraries & tools and when to use them.
Show More
loading
Actions
Is this you?
As a journalist, you can create a free Muck Rack account to customize your profile, list your contact preferences, and upload a portfolio of your best work.Get in touch with Rami
Contact Rami, search articles and posts on X, monitor coverage, and track replies from one place.
Learn more about Muck Rack