[hemmerling] Web Technologies ( HTML5, HTML, XML & Javascript ) 1/5

Workshops

OpenTechSchool - Affordable or free workshops about HTML / CSS, Javascript.
- Meetup "OpenTechSchool Hamburg"
  - Free workshop “JavaScript for Absolute Beginners”, 2013-09-21. I participated .
    - Tools used in the workshop:
      - The Shareware text editor Sublime Text 2 for Windows, Linux, MacOSX.
        
        EN.Wikipedia "Sublime Text", DE.Wikipedia "Sublime Text".
      - The browserGoogle Chrome.
  - Free workshop “CSSclasses”.
    - CSS Classes.
      - CSS Classes "Learning Materials".
    - Events:
      - 2016-05-28. I participated .
      - 2018-11-10. I participated .
- Meetup "OpenTechSchool Dortmund" - Affordable workshop Meetup "NodeCopter Workshop" on 2015-08-16 by the NodeCopter Core Team, as part of the conference OpenTechSchool Conference by OpenTechSchool e.V., Verein “Open Tech Dortmund”. I participated .
Hands-on workshop “2. NodeSchool In Hamburg” on 2015-02-08 by Meetup Group "node.HH - Node.js User Group" and Interone Hamburg in Hamburg, Germany. I participated .
Hands-on workshops and seminars ( “Easy Application Development with Node-Red”, “Natural Language Understanding with Node.js”, “Image Analysis with Node.js”, “Build a Chatbot in 60min”, “Analyze unstructured Data with AI”, “Virtualization techniques with VMware” of IBM , as part of the conference and fair TWENTY2X in Hannover, 2020-03-17 - 2020-03-19.
- IBM Cloud.

Conferences

The affordable just english-speaking commercial conference JS Unconf in Hamburg,
- Dates.
  - JS Unconf 2014 ( 2014-04-26 - 2014-04-27 ) - I participated
  - JS Unconf 2015 ( 2015-04-25 - 2015-04-26 ).
  - JS Unconf 2016 ( 2016-04-23 - 2016-04-24 ).
  - JS Unconf 2017 ( 2017-03-25 - 2017-03-26 ).
  - JS Unconf 2018 ( 2018-04-21 - 2018-04-22 ).
  - JS Unconf 2019 ( 2019-04-13 - 2019-04-14 ).
- GitHub "bootev".
- GitHub "jsunconf".
  - Wiki GitHub Wiki "jsunconf/2014.jsunconf.eu" with links to slides.
- JS Unconf - Schedule.
- Twitter "jsunconf". #jsunconf.
RuhrJS in Bochum.
- RuhrJS 2019.
- RuhrJS 2018.
- RuhrJS 2017.
- “RuhrJS 2016”, 2016-07-02 - 2016-07-03. I participated .
  - Slides.com "RUHR.JS 2016".
- Facebook "RuhrJS".
- Twitter "RuhrJS, @RuhrJS".
- Slack "ruhrjs".
React Barcamp 2019 in Köln ( 2019-01-26 - 2019-01-27 ).
OOP 2022 Digital, 2022-01-31 - 2022-02-04.
- Speech by Lisa Maria Moritz & Lucas Dohmen “Advanced Full-Stack JavaScript”, 2022-02-02, 13:15-14:15.
  - Commercial training Lisa Maria Moritz & Lucas Dohmen "Advanced Full-Stack JavaScript".

Some other Conferences

moosecon - Mobile Operating Systems Conference at CeBIT in Hannover, 2013-03-06 - 2013-03-08.
The medium-price commercial conference code.talks ( formerly: “Developer Conference” ) in Hamburg, 2016-09-29 - 2016-09-30.
npm camp in USA, 2016-07-30 - “a community conference for all things npm”.
The medium-price commercial conference VIEW SOURCE Berlin in Berlin, 2016-11-12 - 2016-11-14.

Local Meetings

Commercial Courses

{Pirple}.
- “The Node.js Master Class”.
  - “Learn Node.js from scratch with no frameworks and no dependencies. The course consists of 83 video lectures, 3 large projects, 7 small projects, 6 homework assignments, a few quizzes, and a final exam. Prerequisites: Javascript (ES5), HTML, CSS, and basic shell commands. This course is self-paced but the assignments and tests are mandatory and cannot be skipped. On average, our students complete the whole course in 10-14 weeks”.
  - “Build a REST API, and web app, and a CLI in plain Node.js with no 3rd-party libraries. Welcome to the Node.js Master Class, where you’re going to learn to build applications in raw NodeJs with no frameworks, and no external libraries. And yes, that means no NPM!”.

Webinar "Frontend, Backend oder Fullstack? Karrierestart für Softwareentwickler"

The Webinar

Jobvector "Webinar: Frontend, Backend oder Fullstack? Karrierestart für Softwareentwickler", 2023-07-19, 17:30 - 18:15.

Skills "Frontend"

Languages: JavaScript, TypeScript, HTML5 & CSS3 / SASS & SCSS ).
Tools & Build Tools: Webpack, Gulp, RequireJS.
Frameworks: React, Angular, Node.js, vue.js.
UI / UX Design: Design / protyping tools: Adobe Creative Suite, Sketch, Figma, InVision.
Additionally: Knowledge about Responsive Design.

Skills "Backend"

Languages: especially Java, PHP, SAP ABAP, Python, Ruby, SQL, C++, C#.
Frameworks: .NET, Hibernate, Spring, Node.js, Ruby on Rails, Laravel.
Important: Version control systems, usually Git. Cloud based models are GitLab and GitHub.
Relational databases: MySQL, Oracle.
Non-relational databases: HCL Notes, MongoDB.
Internal development in ERP systems: SAP ERP, SAP S/4HANA.

Skills "Devops"

Languages: Python, Bash/Zsh, Go, Java, PHP.
Automation / provisioning: Ansible / Puppet, Domain Control / Active Directory.
Continous Integration: Jenkins.
CI / CD: GiLab / GitHub.
Version control systems: Git, GitLab & GitHub.
Container orchestration / maintainance: Docker, Kubernetes, OpenShift, Rancher.
Monitoring: ELK, Grafana, Icinga.
OS: Unix / Linux.

Skills "Fullstack"

Fontend- and backend development allrounders.
Data exchange formats for Web development: XML, JSON.
Languages: Java, JavaScript.
Java Frameworks: Jakarta EE, Spring.
JavaScript Frameworks: Angular, React, vue.js.
Tools: Spring Boot.
Build management tools: Apache Maven, Gradle.
Version control systems: Git, GitLab, GitHub.
Container management: Docker, Kubernetes.
Some other important skills: SQL, frameworks for object-oriented mapping ( Java, .NET ).

Skills "Application Developer"

Development with strong stakeholder orientatin.
In practice especially: Reporting of data flows from & programming of applications in ERP systems, especially in SAP and Microsoft Dynamics environments.
Programming languages: Java, SAP ABAP, C#.

Skills "Scrum"

Product Ownwer, Developer, Scrum Master.

Skills "Kanban"

Visualisation of workflows.
Dvision of tasks into stages on a Kanban board.
Tools: Asana, Trello, Mira, JIRA.

Skills "Company Size"

Startup: Spring Framework, GitLab / GitHub, Slack & Trello, usually modern hightec development environment.
Large company: Java Enterprise Edition, Git / Stash, SCRUM / JIRA / Asana, sometimes special programming languages are necessary.

Skills "Soft- & Hard"

But be careful: A certain level of teamwork, organizational skills and time management is essential. Agile methods in the Scrum Framework promote efficient, error-preventing working methods.
In the frontend: A good understanding of the customer perspective ( consumer behavior ) & understanding of product design should be present.
Transitions are becoming more and more fluid. In a constantly changing work environment, developers must be enthusiastic about the subject and be willing to constantly update their knowledge. Under these conditions, however, always pay attention to your own cultural fit when choosing a company.

Studies

The free PDF book with the results of the study T-Systems "Mobile Business Solutions 2012" .

Software Frameworks for Web Applications

Server-side component-based Frameworks

JSF
ASP.NET
Wicket
Tapestry
Vaadin

Request/Response-oriented Frameworks

Struts
Play
Grails
Rails
ASP.NET MVC
PHP
Django
Spring MVC
Thursday, May

Rich-client Frameworks

Applets
JavaFX
GWT
Silverlight
Flash/Flex
Echo
ZK
Meteor
Backbone.js
Thursday, May

Package Manager

BOWER: A package manager for the web.

Regular Expresssions

Online Services

The free online service regex101 - Online regex tester and debugger: JavaScript, Python, PHP, and PCRE.

Example of django-marcador "8. URLs and Views:

Python code:

from django.conf.urls import url
urlpatterns = [
    url(r'^user/(?P<username>[-\w]+)/$', 'marcador.views.bookmark_user',
        name='marcador_bookmark_user'),
    url(r'^$', 'marcador.views.bookmark_list', name='marcador_bookmark_list'),
]

Regex101: The test string
```
user/hemmerling/
```
matches the expression
```
user\/(?P<username>[-\w]+)\/
```

Resources

EN.Wikipedia "Regular expression", DE.Wikipedia "Regulärer Ausdruck".

Augmented Reality

Aurasma - The World’s First Visual Browser for iPhone 4, iPad 2, Android 2.2 and above.
- YouTube "Aurasma Demo".
Junaio - Your mobile companion. Augmented Reality.
Layar - Augmented Reality Browser.
- PBworks "Layar Reality Browser".
- EN.Wikipedia "Layar".
EN.Wikipedia "Augmented reality", DE.Wikipedia "Erweiterte Realität".

Web Components

Web Design Experts

Diana Ilithya - Web Designer & Front End Developer.

Dynamic Browser / Filesystem Refresh

LiveReload for Windows and MacOS - “LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed. Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page”.
“guard-livereload” for Linux,..
- RubyGems "guard-livereload" - “Guard::LiveReload automatically reloads your browser when 'view' files are modified.”.
- GitHub "guard/guard-livereload" - “uard::LiveReload automatically reload your browser when 'view' files are modified”.

Literature

Website Design

The book author Steve Souders - High Performance Web Sites.
- Requirements profile of a job offer “Has heard of Eric Meyer and Steve Souders” .
David Siegels.
- killersites.com - “Web design resources”.
- Secret Sites - “Learn the secrets of web design”.
Book Ian Lloyd "Build Your Own Website the Right Way Using HTML & CSS".
- Sitepoint News "A Brand New SitePoint" - Claim free access to the online ( = not downloadable ) HTML book “Build Your Own Website The Right Way Using HTML5 & CSS3” on the just-commercial platform Learnable.