Grundlagen und fortgeschrittene Kenntnisse

Dank moderner Web-Technologien lassen sich heute auch komplexe und hochperformante Anwendungen im Web programmieren. In den Kursen Web-Programmierung erhalten Entwickler sowohl die Grundlagen zu HTML, CSS und JavaScript als auch fortgeschrittene Kenntnisse zu JavaScript. Wofür werden die verschiedenen Sprachen für den Aufbau einer Webseite benötigt? Wie baut der Browser die Webseite auf?
Darüber hinaus lernen Sie von unseren Experten auch die Grundlagen zu node.js und zu React. Mit Node.js steht Entwicklern eine moderne JavaScript-basierende Entwicklungsumgebung zur Verfügung, mit React erhalten Entwickler eine Open-Source-JavaScript-Bibliothek für ihre Programmierung von User Interfaces.
Steigen Sie mit diesen Kursen in die moderne Web-Entwicklung ein und erwerben Sie fortgeschrittene Kenntnisse.
Bitte beachten Sie: Speziell für Domino 10 Entwickler sind die Kurse Exploring New Features in IBM Domino 10 Development, Datenbank-Strukturen für Domino 10, Node.js für Domino 10 verfügbar.
HTML, CSS und JavaScript Basics – Einstieg in die Web-Entwicklung (2 Tage)
Der Kurs bietet eine Einführung in HTML und CSS sowie in die Grundlagen von JavaScript. Wie ist eine Webseite aufgebaut und welche Rolle spielen HTML und CSS bei der inhaltlichen Strukturierung und beim Design? Wie stellt der Browser eine Webseite dar? Welche Möglichkeiten bietet JavaScipt, um Inhalte zu dynamisieren? Im Kurs erarbeiten sich die Teilnehmer ein Verständnis für das Zusammenspiel von HTML, CSS und JavaScipt bei der Erstellung von Webseiten.
- Einblick:
– Grundlegendes zum Aufbau von Webseiten und die Rollen von HTML, CSS und Javascript
– Entstehungsgeschichte, Webbrowser - HTML:
– Die prinzipielle Idee der semantischen Strukturierung
– Syntax: Grundlegender Aufbau und das Document Object Model (DOM)
– Die wichtigsten Elemente und ihre Eigenschaften
– Hyperlinks und Bildformate
– Listen, Formulare und Tabellen
– HTML5 und was sich damit verändert hat
– Best practice und Hands on - CSS:
– Das Box-Modell und die Idee der Kaskadierung
– Syntax: Grundlegender Aufbau und Einbindung in HTML
– Die wichtigsten Anweisungen und Notation von Eigenschaften
– Selektoren und Spezifität
– Neues durch CSS3
– Media Queries und Medienspezifität
– Best practice und Hands on - JavaScript:
– Wesentliche Verwendungsmöglichkeiten (Dynamisierung, DOM, Events, Ajax)
– Eigenschaften und Einbindung in Webseiten
– Die Console
– Datentypen, Variablen und Operatoren
– Funktionen, Objekte und Methoden
– Best practice und Hands on - Ausblick:
– Tools und Browsertests
– Präprozessoren, Frameworks, Build-Prozesse
– Beispiele von Zusammenspiel von HTML, CSS und JavaScript
Workshop Advanced JavaScript
(2 Tage)
JavaScript hat 2015 mit ECMAScript6 einen großen Schritt gemacht. Neben neuen Funktionen hat auch die Syntax einen komplett neuen Anstrich erhalten. Was ECMAScript überhaupt ist, wie es sich in den Jahren entwickelt hat und was in Zukunft zu erwarten ist, wird in diesem Kurs erläutert. Zudem können die Teilnehmer am Ende modernen JavaScript-Code verstehen und selbst zeitgemäße, moderne Anwendungen entwickeln.
- Historisches:
– ECMAScript 3
– ECMAScript 4
– ECMAScript 5
– ECMAScript 2015
– ECMAScript 2016
– ECMAScript 2017
– ECMAScript 2018
– ECMAScript 2019 - JavaScript-Grundlagen
– JavaScript als objektorientierte und funktionale Sprache
– Eigentümlichkeiten von JavaScript
– Defizite von JavaScript
– In ES6 adressierte Probleme
– Im Browser: ES6 versus ES5
– Transpiler und Transpilersprachen
– Typescript zur ECMA6-Entwicklung - Syntaxerweiterungen in ES6
– Blockvariablen und Konstante
– Stringtemplates
– Spreadoperator und Deconstructuring
– Defaultparameter und Arrow-Funktionen
– Array-Erweiterungen
– Maps und Sets
– Objekterweiterungen
– For-of-Schleife - Neues über Objekte in ECMA 6
– Erstellung von Objekten
– Vererbung in JavaScript
– Klassen als Konstruktoren
– Extends und Mixins - Asynchrone Programmierung in ECMA6
– Callbacks
– Promises
– Iteratoren und Generatoren
– Async/Await - Modulares JavaScript
– Modulpattern in JavaScript
– AMD-, Common JS- und Universal-Module
– ECMA6 Module: import und export - TypeScript
– Der TypeScript-Compiler
– Typisierung in TypeScript
– ECMA6-Module mit TypeScript
– Decorators mit TypeScript
Weitere Informationen und Anmeldung
ED1026 Workshop Advanced JavaScript
node.js – Grundlagen (2 Tage)
Lernen Sie die Grundlagen von node.js: Node.js ist eine serverseitige JavaScript-Entwicklungsplattform für Unternehmensanwendungen, die auf einem der schnellsten JavaScript-Compiler basiert. Mit node.js binden Sie effizient externe Ressourcen an. Es liefert Ihnen die Grundlagen für hochperformante Echtzeitanwendungen.
- Installation von Node.js
- Paketverwaltung mit dem Node Package Manager (NPM)
- Grundlagen von Node.js (Event-Loop, Single-Threaded, Async, usw.)
- Webanwendungen mit Express (Webserver)
- HTML-Templates mittels Jade erstellen
- Verwendung von MongoDB
- RESTFul WebServices
- Debugging, Logging und Monitoring von Node.js
Weitere Informationen und Anmeldung
EDNJ10 Node.js – Grundlagen
React – Grundlagen (2 Tage)
React ist eine Open-Source-JavaScript-Bibliothek für die Entwicklung von komponentenbasierten Web-Applikationen. Damit lassen sich User-Interfaces in HTML erstellen. Da die Bibliothenk alleine nicht ausreicht für die umfangreiche Erstellung von Applikationen, hat sich inzwischen React in Verbindung mit Redux etabliert.
- React Komponenten
- Einführung in JSX
- Komponenten und Eigenschaften
- Typ-Überprüfung mit PropTypes
- Status und Lifecycle
- Handhabung von Events
- Routing mit Router
- Forms
- State Management mit Redux
- Hooks
- Architektur einer React Web Applikationen
Weitere Informationen und Anmeldung
EDRE10 React – Grundlagen
Ihr Ansprechpartner
Erfahren Sie mehr

Unsere TIMETOACT Academy

Mit Fullstack Development alles aus einer Hand

Handlebars.js – Semantische Template Library

Academy

Flexibel weiterbilden – TIMETOACT Webinar-Reihen

9 Tipps & Tricks für Angular

Deno – Das müsst ihr über die Laufzeitumgebung wissen

Eventserie: Einfach, Schnell, Erfolgreich mit Mendix

HCL Domino v12 Bootcamp mit Präsenztermin

HCL Domino v12 Bootcamp - zum nächsten Termin anmelden

Top 10 CSS Tipps & Tricks in 2020

HCL Volt Online-Schulungen

Moderne Web Meetings mit HCL Sametime Premium

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Jira Administration Part 2 (Cloud)

Warum ist Inline-CSS und JavaScript-Code so schlecht?

Sichere Web-Konferenzen mit HCL Sametime 11.5

HCL Nomad Web im Verbund mit HCL SafeLinx

React Server Components und Next.js

SharePoint Framework Client-Side Webparts mit React

Praxisorientierte Schulungen für Google Workspace und GCP

Jira für fortgeschrittene Anwender (Cloud)

Download: Leitfaden Low-Code

FinOps Consulting

Jira für fortgeschrittene Anwender (Data Center)

Barrierefreiheit richtig umsetzen

Working with Camunda

Das Domino v12 Betaprogramm ist eröffnet

Webcasts

Neuentwicklung und Betrieb

10 Gründe für Managed Services mit edcom

Die Notwendigkeit einer Web Application Firewall im Internet

Neue Features für die HCL Webmail-Lösung Verse 2.2

Next-Gen Jams - Gestalten Sie die Zukunft von HCL Domino mit

HCL Volt MX - Schnelle und effiziente App-Entwicklung

HCL Domino v12.0.2 - New Features

Neuigkeiten zu Domino v12 - Aus Sicht der Administration

Go Live HCL Domino v12.0.1 - Alle Details und Neuerungen

Lernen Sie das kostenlose Open-Source-Produkt Cypress kennen

Miyu – die zentrale Sprachintelligenz

Leading SAFe® (SA)

HCL Nomad - HCL-Domino-Anwendungen auf mobilen Geräten

10 Argumente für eine Migration zu Domino 12

Webserver mit Open Source

Schulungs-Referenzen

Spaltenformatierung in SharePoint: Column formatting vs. JS

Sheriff – Ordnung schaffen in TypeScript-Anwendungen
HCL

Domino 10 für Administratoren

Support-Update von HCL

Neuigkeiten zu Domino v12 - Aus Sicht der Entwicklung

Migration von HCL Domino/Notes zu Microsoft 365

AdminCamp mit HCL-Spezialisten der TIMETOACT GROUP

Webinare zu HCL Digital Solutions

Office 365 Workshops

Neuigkeiten zu Domino V12 - Details von der Beta-Version

Hurra, hurra - Angular Version 17 ist da!

VYSYO – Zeit- & Kostenersparnisse dank neuester Technologien

Icinga / Nagios erkennt Domino Tasks nicht immer

Migration IBM Lotus Notes zu Microsoft SharePoint

Software-Architekt für Cloud-Transformation (w/d/m)

Nachlese-Referenzen

HCL Sametime 11.5 Premium - Patch für persistant chat

Web Analytics

HCL Domino 12 Beta 3 Backup und Restore

Responsive Web Design Grundlagen

Responsive Web Design Grundlagen

Zwei Auszeichnungen auf einen Streich
Samuel Weber

Marcel Weber

Tempo Customizing und Integration

Change Control Management

Abkündigung für HCL Domino Notes 9 und 10

Online-Schulungen im Überblick

MTU: Effizienzsteigerung durch moderne IT-Lösungen

Smarte digitale Berechtigungskonzepte mit NEXIS 4.1

Graphentechnologie

Cybersecurity Evolution: NIS-2

So lösen Sie ein Problem mit Nomad Web, SafeLinx und mySQL

Ausbildung zum Fachinformatiker Anwendungsentwicklung (w/m/d

TIMETOACT realisiert integrierte Versicherungs-Software

NIS2 Compliance Navigator

Software Asset Management für M365 - Festpreisangebot

Confluence Grundlagen für Anwender (Cloud)

Schulungs-Referenzen Online-Schulungen

Warum Barrierefreiheit auch ohne IT-Abteilung relevant ist

AWS – Amazon Web Services

NextJS - der Gamechanger für deine Web Performance

Online-Schulungen zu IBM Cognos Analytics

Building modern & responsive Web Applications with xPages
