DOCSLIB.ORG

Jhipster.NET Documentation!

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Jhipster.NET Documentation! JHipster.NET Release 3.1.1 Jul 28, 2021 Introduction 1 Big Picture 3 2 Getting Started 5 2.1 Prerequisites...............................................5 2.2 Generate your first application......................................5 3 Azure 7 3.1 Deploy using Terraform.........................................7 4 Code Analysis 9 4.1 Running SonarQube by script......................................9 4.2 Running SonarQube manually......................................9 5 CQRS 11 5.1 Introduction............................................... 11 5.2 Create your own Queries or Commands................................. 11 6 Cypress 13 6.1 Introduction............................................... 13 6.2 Pre-requisites............................................... 13 6.3 How to use it............................................... 13 7 Database 15 7.1 Using database migrations........................................ 15 8 Dependencies Management 17 8.1 Nuget Management........................................... 17 8.2 Caution.................................................. 17 9 DTOs 19 9.1 Using DTOs............................................... 19 10 Entities auditing 21 10.1 Audit properties............................................. 21 10.2 Audit of generated Entities........................................ 21 10.3 Automatically set properties audit.................................... 22 11 Fronts 23 i 11.1 Angular.................................................. 23 11.2 React................................................... 23 11.3 Vue.js................................................... 24 11.4 Alpha - Xamarin............................................. 24 11.5 Alpha - Blazor.............................................. 26 12 Heroku Deploy 29 12.1 Pre-requisites............................................... 29 12.2 Deploying to Heroku........................................... 29 12.3 Databases................................................. 29 13 MongoDB 31 13.1 Introduction............................................... 31 13.2 Pre-requisites............................................... 31 13.3 Difference with SQL databases..................................... 31 13.4 WIP.................................................... 32 14 Monitoring 33 15 Repository 35 15.1 QueryHelper............................................... 35 15.2 Add, AddRange, Attach, Update and UpdateRange........................... 35 16 Security 37 16.1 JWT................................................... 37 16.2 Enforce HTTPS............................................. 37 16.3 OAuth2 and OpenID Connect...................................... 38 17 Services 41 17.1 Generating Services........................................... 41 17.2 Extending and Customizing Services.................................. 41 17.3 Automatic Service Registration In DI Container............................ 42 18 Running local Blueprint version for development 43 19 Microservices 45 19.1 Microservices Artictecture........................................ 46 20 Monolith 47 20.1 Monolith Artictecture.......................................... 47 20.2 Monolith structure............................................ 48 ii JHipster.NET, Release 3.1.1 Thanks for taking a look at the JHipster.NET documentation. Please use the left hand nav to get around. I would suggest taking a look at introduction first. You can also find lot of information in https://www.jhipster.tech Introduction 1 JHipster.NET, Release 3.1.1 2 Introduction CHAPTER 1 Big Picture JHipster is a well-known platform for generating modern application in java world. JHipster provides a blueprints system that allows to override the default behavior of the generator JHipster.NET is a blueprint that overrides the back-end part, originally generated in spring boot, by back-end in asp.net core. For the front-end all the common language can be used (angular, react, vue.js). In alpha version we also have the possibility to choose either Blazor or Xamarin for the front. This blueprint is an official blueprint of JHipster official-blueprints 3 JHipster.NET, Release 3.1.1 4 Chapter 1. Big Picture CHAPTER 2 Getting Started 2.1 Prerequisites As this is a JHipster blueprint, we expect you have JHipster and its related tools already installed: • Installing JHipster 2.2 Generate your first application Installation of the blueprint npm install -g generator-jhipster-dotnetcore Call the generator jhipster --blueprints dotnetcore After running this command you have few questions to answer, as Application name, authentication mode, client framework etc Once it’s done, you can build and run your application. dotnet run --verbosity normal --project ./src/YourAppName/YourAppName.csproj Your first application is ready and you can now use it with default user like JHipster (admin admin or user user) Ok now you have an application but without entity. JHipster allow you to add entity with cli or with jdl file (add link) JHipster.NET have the same behavior. jhipster entity <entity-name> Or with jdl jhipster import-jdl my_file.jdl 5 JHipster.NET, Release 3.1.1 You can edit jdl with https://start.jhipster.tech/jdl-studio/ You have now an application with CRUD operations on each new entities with potentially link between entities (one- to-one, many-to-one or many-to-many) Default configurations are availables in the generated project. As an example, a docker compose file is generated with monitoring solutions (influxdb telegraf and chronograf or grafana) The repository : https://github.com/jhipster/jhipster-dotnetcore Sample project : https://github.com/jhipster/jhipster-sample-app-dotnetcore 6 Chapter 2. Getting Started CHAPTER 3 Azure 3.1 Deploy using Terraform Currently supports only monolithic app with SQL Server as database (support for other databases are WIP). Terraform scripts will create Azure App Service, Azure SQL Server 3.1.1 Prerequisites 1. Docker installed with docker-compose and have push access to any of the docker repository like docker hub or Azure container registry. 2. Azure CLI installed on your system. Terraform will require it to authenticate in Azure subscription. 3. Terraform CLI installed on your system. 3.1.2 Steps to follow 1. Execute generate app command and select app as Monolithic with Microsoft SQL server as database. Select yes to generate Terraform scripts. (default: is No) use- azure 2. Use docker-compose command to first build the docker image. docker-compose -f docker/app.yml build 1. Tag the image built during the previous step to push to docker repository by using 7 JHipster.NET, Release 3.1.1 docker tag <source-image> <destination-image>:version/tag 1. Push the image to docker hub or any docker service provider by using docker push <destination-image>:version/tag Note: The docker image link and its tag will use as input to Terraform variables. 5. In the generated app folder, change directory to the Terraform folder. cd terraform 1. Login into your Azure CLI by using az login Note: Terraform plan command will work only if the user is authenticated using Azure CLI. 1. Create a file (terraform.tfvars) in the Terraform folder to provide input to the Terraform main script using below content: location="Central US" subscription_id="<your-azure-subscription>" mssql_admin_user="dbUser" mssql_admin_password="Password!12" docker_image="a5ingh/jhipster-dotnetcore-sampleapp" docker_image_tag="0.1" 1. Execute below terraform commands (one by one) to create resources (Azure app service, Azure SQL) and deploy as a docker image to app service: 1. terraform init # to initialize terraform. 2. terraform plan -out "MyAppPlan" # can choose any name instead of MyAppPlan. 3. terraform apply "MyAppPlan" # it will create the resources and then provide you the link to your deployed app as output variable. 2. You can use terraform destroy to delete/remove all the created resources once you are done using it. 8 Chapter 3. Azure CHAPTER 4 Code Analysis 4.1 Running SonarQube by script 1. Run Sonar in container : docker-compose -f ./docker/sonar.yml up -d 2. Wait container was up Run SonarAnalysis.ps1 and go to http://localhost:9001 4.2 Running SonarQube manually 1. Run Sonar in container : docker-compose -f ./docker/sonar.yml up -d 2. Install sonar scanner for .net : dotnet tool install --global dotnet-sonarscanner 1. Run dotnet sonarscanner begin /d:sonar.login=admin /d:sonar.password=admin /k: ,!"YourProject" /d:sonar.host.url="http://localhost:9001" /s:"`pwd`/SonarQube. ,!Analysis.xml" 1. Build your application : dotnet build 2. Publish sonar results : dotnet sonarscanner end /d:sonar.login=admin /d:sonar. password=admin 3. Go to http://localhost:9001 9 JHipster.NET, Release 3.1.1 10 Chapter 4. Code Analysis CHAPTER 5 CQRS 5.1 Introduction CQRS stands for Command Query Responsibility Segregation. You have the possibility to use this pattern thanks to MediatR. When generating your application, you can choose to use CQRS. Enabling it will generate a new layer for your commands and queries called Application. Namespace.Application Commands - Your commands MyEntity - Your entity MyEntityCreateCommand - A command MyEntityCreateCommandHandler - An handler for your command Queries - Your queries MyEntity - Your entity MyEntityGetQuery - A query MyEntityGetQueryHandler - An handler for your query Namespace.Crosscutting Namespace.Domain Namespace.Domain.Services Namespace.Dto Namespace.Infrastructure 5.2 Create your own Queries or Commands In order to create your own commands and/or queries you have to create two classes : • A command/query
Load more

Recommended publications
  • Asp Net Jquery Ajax Json Example Wersja
    Asp Net Jquery Ajax Json Example Conquering and exculpatory Thorsten wited clumsily and prickle his heed unforcedly and soothingly. Unanswered and numinous Graig never conscripts observably when Bela shoals his luffas. Oligarchic and ben Ashton held so rifely that Simon sticky his bajada. Dbcontect classes to help, i am glad you will send ajax call will execute and the feedback. Scheduled tasks in asp jquery example will help make them together with an array of products table that will decrease automatically. Provides the asp net jquery json helper method, what the about. Via json format in asp net example given by microsoft json request is given by default name to your network have your data has a formatted result. Comment is shown the asp ajax json request to understand concept is the project, the article we click on the product details. Loads data types, ajax example is, the other articles. Into our method in asp net example we can get request and suggestions will not the future of response, for this by both the _layout. We should then the asp net ajax methods of errors potentially introduced by using chart with razor page without updating the class as an array of the div tag. Developer will call with jquery ajax json or with my things, then passes the database and the body. Message using and the example is the client side method can be the console. Year passed to use jquery json data you know what follows is providing different types in the year. Installing a controller folder and a button to products model, simple example below is, and then the _layout.
    [Show full text]
  • Front-End Development with ASP.NET Core, Angular, And
    Table of Contents COVER TITLE PAGE FOREWORD INTRODUCTION WHY WEB DEVELOPMENT REQUIRES POLYGLOT DEVELOPERS WHO THIS BOOK IS FOR WHAT THIS BOOK COVERS HOW THIS BOOK IS STRUCTURED WHAT YOU NEED TO USE THIS BOOK CONVENTIONS SOURCE CODE ERRATA 1 What’s New in ASP.NET Core MVC GETTING THE NAMES RIGHT A BRIEF HISTORY OF THE MICROSOFT .NET WEB STACK .NET CORE INTRODUCING ASP.NET CORE NEW FUNDAMENTAL FEATURES OF ASP.NET CORE AN OVERVIEW OF SOME ASP.NET CORE MIDDLEWARE ASP.NET CORE MVC SUMMARY 2 The Front‐End Developer Toolset ADDITIONAL LANGUAGES YOU HAVE TO KNOW JAVASCRIPT FRAMEWORKS CSS FRAMEWORKS PACKAGE MANAGERS TASK RUNNERS SUMMARY 3 Angular in a Nutshell ANGULAR CONCEPTS THE LANGUAGE OF ANGULAR SETTING UP AN ANGULAR PROJECT THE STRUCTURE OF AN ANGULAR APP DATA BINDING DIRECTIVES SERVICES AND DEPENDECY INJECTION MULTIPLE COMPONENTS INPUT AND OUTPUT PROPERTIES TALKING TO THE BACK END USING ANGULAR WITH ASP.NET MVC VISUAL STUDIO 2017 SUPPORT FOR ANGULAR SUMMARY 4 Bootstrap in a Nutshell INTRODUCTION TO BOOTSTRAP BOOTSTRAP STYLES COMPONENTS JAVASCRIPT CUSTOMIZING BOOTSTRAP WITH LESS BOOTSTRAP SUPPORT IN VISUAL STUDIO 2017 AND ASP.NET CORE SUMMARY 5 Managing Dependencies with NuGet and Bower GENERAL CONCEPTS NUGET NPM (NODE.JS PACKAGE MANAGER) BOWER SUMMARY 6 Building Your Application with Gulp and webpack WHAT FRONT‐END BUILD SYSTEMS ARE FOR A DEEPER LOOK AT GULP INTRODUCTION TO WEBPACK VISUAL STUDIO 2017 AND BUILD SYSTEMS SUMMARY 7 Deploying ASP.NET Core THE NEW HOSTING MODEL OF ASP.NET CORE INSTALLING ON INTERNET INFORMATION SERVICES ON PREMISE
    [Show full text]
  • Reasonml Install Guide Fall 2019
    CS17 Integrated Introduction to Computer Science Hughes ReasonML Install Guide Fall 2019 Contents 1 Install Guide (Windows) 1 1.1 Installing Node . .1 1.2 WSL.............................................1 1.3 Configuring Visual Studio Code . .2 2 Install Guide (Mac OSX) 2 2.1 Installing Visual Studio Code . .2 2.2 Installing Various XCode Tools (NVM, Node) . .2 2.3 Configuring Visual Studio Code . .5 3 Using ReasonML 5 3.1 Configuring Your Project . .5 3.2 Compiling ReasonML . .5 3.3 Running ReasonML . .5 4 Reason Tools (Browser) 6 1 Install Guide (Windows) 1.1 Installing Node Click here to install Node. 1.2 WSL Follow this guide to install Windows Subsystem for Linux (WSL). Select the Linux Distribution choice Ubuntu, which has an orange icon. Open the "Command Prompt" on your machine and type the following command. This can take a long time to install fully. Let it sit for some time, even if it appears as if it’s not doing anything. Feel free to move on to other steps while it loads. npm install - g ocaml - reason - wsl CS17 ReasonML Install Guide Fall 2019 Inside of Visual Studio Code go to Settings > User Settings. In the upper right-hand corner, click on the icon that looks like a file with an arrow wrapped around it. A window should open up with a file in it. Copy and paste the following lines into the file in between the curly braces and save the file. "reason.path.bsb":"bash - ic bsb", "reason.path.ocamlfind":"bash - ic ocamlfind", "reason.path.ocamlmerlin":"bash - ic ocamlmerlin", "reason.path.opam":"bash - ic opam", "reason.path.rebuild":"bash - ic rebuild", "reason.path.refmt":"bash - ic refmt", "reason.path.refmterr":"bash - ic refmterr", "reason.path.rtop":"bash - ic rtop", "editor.formatOnSave": true, "reason.diagnostics.tools":["merlin","bsb"], "terminal.integrated.shell.windows":"C:\\\\WINDOWS\\\\System32\\\\bash.exe" After the initial install command has terminated, you can now open WSL (Ubuntu).
    [Show full text]
  • Iroha Handbook: Installation, Getting Started, API, Guides, and Troubleshooting
    Iroha handbook: installation, getting started, API, guides, and troubleshooting Hyperledger Iroha community Aug 24, 2021 TABLE OF CONTENTS 1 Overview of Iroha 3 1.1 What are the key features of Iroha?...................................3 1.2 Where can Iroha be used?........................................3 1.3 How is it different from Bitcoin or Ethereum?..............................3 1.4 How is it different from the rest of Hyperledger frameworks or other permissioned blockchains?...4 1.5 How to create applications around Iroha?................................4 2 Concepts and Architecture 5 2.1 Core concepts..............................................5 2.2 What’s inside Iroha?........................................... 13 3 Quick Start Guide 17 3.1 Prerequisites............................................... 17 3.2 Starting Iroha Node........................................... 17 3.3 Try other guides............................................. 19 4 Integrated Projects 29 4.1 Hyperledger Ursa............................................. 29 4.2 Hyperledger Explorer.......................................... 29 4.3 Hyperledger Burrow........................................... 30 5 Building Iroha 37 5.1 Prerequisites............................................... 37 5.2 Installing dependencies with Vcpkg Dependency Manager....................... 39 5.3 Build Process............................................... 40 6 Configure 45 6.1 Configure TLS for client-peer communication (torii).......................... 45 6.2 Deployment-specific
    [Show full text]
  • Manual De Iroha: Instalaci´On,Inicio, API, Gu´Iasy Resoluci´Onde Problemas Выпуск
    Manual de Iroha: instalaci´on,inicio, API, gu´ıasy resoluci´onde problemas Выпуск Comunidad Iroha Hyperledger янв. 26, 2021 Содержание 1 Overview of Iroha 3 1.1 What are the key features of Iroha?................................3 1.2 Where can Iroha be used?......................................3 1.3 How is it different from Bitcoin or Ethereum?..........................3 1.4 How is it different from the rest of Hyperledger frameworks or other permissioned blockchains?4 1.5 How to create applications around Iroha?.............................4 2 С чего начать 5 2.1 Prerequisites.............................................5 2.2 Starting Iroha Node.........................................5 2.3 Try other guides...........................................7 3 Use Case Scenarios 9 3.1 Certificates in Education, Healthcare...............................9 3.2 Cross-Border Asset Transfers.................................... 10 3.3 Financial Applications........................................ 10 3.4 Identity Management........................................ 11 3.5 Supply Chain............................................. 11 3.6 Fund Management.......................................... 12 3.7 Related Research........................................... 12 4 Ключевые концепции 13 4.1 Sections................................................ 13 5 Guides and how-tos 23 5.1 Building Iroha............................................ 23 5.2 Конфигурация........................................... 29 5.3 Deploying Iroha..........................................
    [Show full text]
  • Declare Module Typescript Library
    Declare Module Typescript Library Mahmud quintuplicate fantastically as untenantable Glynn grabbles her jays clot tribally. Measlier and noisier Matthias always scunges enlargedly and tessellating his mitzvahs. Undebauched Gunter enisled: he fledging his padauks philosophically and yore. Roughly speaking, how exactly do we make use of these declaration files in our code base? Not every component fully supports any component type you pass in. The compiler will accept JSX. Component Library is like any other NPM Module. Sometimes, I am exporting it to maintain symmetry with the other files. The types here are fine but they do not truly convey the meaning or intent of the code. Passing CLI arguments via shebang is allowed on Mac but not Linux. But they work differently. Software engineer taught me that a Startup product grows and develops every day. In this article, we are going to learn the structure of the Type Declaration files and their use cases. Mozilla and individual contributors. Now, this means something is wrong with the way PHPStorm interprets tsconfig. Typescript will then also export type definitions together with the compiled javascript code so the package can be used with both Typescript and Javascript. Either choice will solve your error. Dan is a big geek who likes making stuff with computers! Senior Front End Engineer at Modus Create. An introduction to TypeScript's module system techscouting. Plus, this should be true. How do I use it? Now that we have everything set up, etc. Once you have the clone URL, the Redux pattern is a radical departure from the style of programming we are used to.
    [Show full text]
  • A Package Manager for Curry
    A Package Manager for Curry Jonas Oberschweiber Master-Thesis eingereicht im September 2016 Christian-Albrechts-Universität zu Kiel Programmiersprachen und Übersetzerkonstruktion Betreut durch: Prof. Dr. Michael Hanus und M.Sc. Björn Peemöller Eidesstattliche Erklärung Hiermit erkläre ich an Eides statt, dass ich die vorliegende Arbeit selbstständig ver- fasst und keine anderen als die angegebenen Quellen und Hilfsmittel verwendet habe. Kiel, Contents 1 Introduction 1 2 The Curry Programming Language 3 2.1 Curry’s Logic Features 3 2.2 Abstract Curry 5 2.3 The Compiler Ecosystem 6 3 Package Management Systems 9 3.1 Semantic Versioning 10 3.2 Dependency Management 12 3.3 Ruby’s Gems and Bundler 16 3.4 JavaScript’s npm 19 3.5 Haskell’s Cabal 21 4 A Package Manager for Curry 25 4.1 The Command Line Interface 26 4.2 What’s in a Package? 29 4.3 Finding Packages 35 4.4 Installing Packages 37 4.5 Resolving Dependencies 38 vi A Package Manager for Curry 4.6 Interacting with the Compiler 43 4.7 Enforcing Semantic Versioning 46 5 Implementation 51 5.1 The Main Module 52 5.2 Packages and Dependencies 56 5.3 Dependency Resolution 58 5.4 Comparing APIs 71 5.5 Comparing Program Behavior 73 6 Evaluation 85 6.1 Comparing Package Versions 85 6.2 A Sample Dependency Resolution 88 6.3 Performance of the Resolution Algorithm 90 6.4 Performance of API and Behavior Comparison 96 7 Summary & Future Work 99 A Total Order on Versions 105 B A Few Curry Packages 109 C Raw Performance Figures 117 D User’s Manual 121 1 Introduction Modern software systems typically rely on many external libraries, reusing func- tionality that can be shared between programs instead of reimplementing it for each new project.
    [Show full text]
  • Investigating the Reproducbility of NPM Packages
    Investigating the Reproducbility of NPM packages Pronnoy Goswami Thesis submitted to the Faculty of the Virginia Polytechnic Institute and State University in partial fulfillment of the requirements for the degree of Master of Science in Computer Engineering Haibo Zeng, Chair Na Meng Paul E. Plassmann May 6, 2020 Blacksburg, Virginia Keywords: Empirical, JavaScript, NPM packages, Reproducibility, Software Security, Software Engineering Copyright 2020, Pronnoy Goswami Investigating the Reproducbility of NPM packages Pronnoy Goswami (ABSTRACT) The meteoric increase in the popularity of JavaScript and a large developer community has led to the emergence of a large ecosystem of third-party packages available via the Node Package Manager (NPM) repository which contains over one million published packages and witnesses a billion daily downloads. Most of the developers download these pre-compiled published packages from the NPM repository instead of building these packages from the available source code. Unfortunately, recent articles have revealed repackaging attacks to the NPM packages. To achieve such attacks the attackers primarily follow three steps – (1) download the source code of a highly depended upon NPM package, (2) inject mali- cious code, and (3) then publish the modified packages as either misnamed package (i.e., typo-squatting attack) or as the official package on the NPM repository using compromised maintainer credentials. These attacks highlight the need to verify the reproducibility of NPM packages. Reproducible Build is a concept that allows the verification of build artifacts for pre-compiled packages by re-building the packages using the same build environment config- uration documented by the package maintainers. This motivates us to conduct an empirical study (1) to examine the reproducibility of NPM packages, (2) to assess the influence of any non-reproducible packages, and (3) to explore the reasons for non-reproducibility.
    [Show full text]
  • Pick Technologies & Tools Faster by Coding with Jhipster: Talk Page At
    Picks, configures, and updates best technologies & tools “Superstar developer” Writes all the “boring plumbing code”: Production grade, all layers What is it? Full applications with front-end & back-end Open-source Java application generator No mobile apps Generates complete application with user Create it by running wizard or import management, tests, continuous integration, application configuration from JHipster deployment & monitoring Domain Language (JDL) file Import data model from JDL file Generates CRUD front-end & back-end for our entities Re-import after JDL file changes Re-generates application & entities with new JHipster version What does it do? Overwriting your own code changes can be painful! Microservices & Container Updates application Receive security patches or framework Fullstack Developer updates (like Spring Boot) Shift Left Sometimes switches out library: yarn => npm, JavaScript test libraries, Webpack => Angular Changes for Java developers from 10 years CLI DevOps ago JHipster picked and configured technologies & Single Page Applications tools for us Mobile Apps We picked architecture: monolith Generate application Generated project Cloud Live Demo We picked technologies & tools (like MongoDB or React) Before: Either front-end or back-end developer inside app server with corporate DB Started to generate CRUD screens Java back-end Generate CRUD Before and after Web front-end Monolith and microservices After: Code, test, run & support up to 4 applications iOS front-end Java and Kotlin More technologies & tools? Android
    [Show full text]
  • Ajax Form Asp Net Core
    Ajax Form Asp Net Core Indecent Cammy lugging that afterthoughts rewrote contractedly and replevy irascibly. Is Marty trickier or demagogic when henpecks some aftershock assails everyplace? Idlest or indifferent, Randal never commixes any subductions! That script tag and ajax form asp core and handle it so append the form submit a coffee here you can build on Following ajax form data to take input fields. The form returns are using jquery in asp core, trademarks of forms and whatnot in asp core. Save me from asp core razor ajax form element corelated with asp iisserver returns. Now save the database table using this to. Net core asp core mvc what is! NET without additional programming effort. Gets or register to. Ajax helper ajax to. Route is ajax form was already subscribed. Download sample applications like jquery? In news post they saw how drug use ASP. Index action that i am happy that cover common question was very important? Net core asp tutorial showing redundant validation to form for forms using ajax query to add validation using a guide. The ajax forms, we want it? When a user creates a new goat an ID is generated automatically. Net core asp iisserver returns and form requests? Introduction to Razor Pages in ASP. Stop relying on asp core. Gets or views in ajax forms with an attacker entered by adding blocks of asp core web application more have any error. From ajax form element with asp core web application we receive no comments about this property such as part of steps to get updated to register a sample asp.
    [Show full text]
  • Modern Web Development
    Arjen de Blok Senior Technical Consultant bij ICT Groep (www.ict.eu) sinds 1995 Programmeren sinds 1990 Technologiën Visual C++ met Microsoft Foundation Classes .NET WinForms & WPF Silverlight ASP.NET WebForms, MVC, Web API Microsoft SharePoint KnockoutJS, PagerJS, TypeScript, SASS AngularJS, TypeScript, SASS Aurelia, WebPack, TypeScript, SASS Links Github: https://github.com/arjendeblok Agenda 1. Basics for every web developer 2. Road to the Client Side 3. Putting it all together 4. Aurelia 5. Demo RecipeWeb Pauze 6. Back to the Server Side with ASP.NET Core 7. Testing your Aurelia App Part 1 Basics for every web developer Web Development Everywhere For the browser Web Sites Web Apps For mobile Apache Cordova For desktop Windows 10 UWP Electron For smart watch Samsung Tizen HTML 5 Previous version 4.01 released in 1999! Draft since 2007 Finalized in 2014 Internet Explorer support 9+ New document type Consists of many features Check for browser support! http://html5test.com/ Works in conjuction with CSS 3 and JavaScript Semantic HTML HTML5 tags <header>, <footer> <article> <nav> <aside> List tags <ul>, <ol>, <li> Use them in CSS Less class selectors HTML 5 Additional Features New Input Types Number, Date, Time, Range Graphics Vector - SVG Bitmap - Canvas 3D - WebGL Video & Audio Native Tag Streaming Storage Web Sockets CSS 3 Extension of CSS 2 Additional CSS Selectors like attribute and child selectors. Border styles like border-radius and box-shadow. Text effects like text-shadow 2D/3D Transformations Animations Transitions JavaScript Specification: ECMAScript Version ES5 supported on all browsers ECMAScript 2015 or ES6 partially supported on Edge, Chrome, FireFox ECMAScript 2016 or ES7 partially supported on Edge, Chrome, FireFox Transpilers for compiling ES 2015/2016 to ES5 Babel TypeScript 2.1 Traceur https://kangax.github.io/compat-table/es6/ Important: ES6 Promise pattern.
    [Show full text]
  • Getting Started with the Jhipster Micronaut Blueprint
    Getting Started with the JHipster Micronaut Blueprint Frederik Hahne Jason Schindler JHipster Team Member 2GM Team Manager & Partner @ OCI @atomfrede @JasonTypesCodes © 2021, Object Computing, Inc. (OCI). All rights reserved. No part of these notes may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior, written permission of Object Computing, Inc. (OCI) Ⓒ 2021 Object Computing, Inc. All rights reserved. 1 micronaut.io Micronaut Blueprint for JHipster v1.0 Released! Ⓒ 2021 Object Computing, Inc. All rights reserved. 2 micronaut.io JHipster is is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures. A high-performance A sleek, modern, A powerful workflow Infrastructure as robust server-side mobile-first UI with to build your code so you can stack with excellent Angular, React, or application with quickly deploy to the test coverage Vue + Bootstrap for Webpack and cloud CSS Maven or Gradle Ⓒ 2021 Object Computing, Inc. All rights reserved. 3 micronaut.io JHipster in Numbers ● 18K+ Github Stars ● 600+ Contributors on the main generator ● 50K registered users on start.jhipster.tech ● 40K+ weekly download via npmjs.com ● 100K annual budget from individual and institutional sponsors ● Open Source under Apache License ● 51% JavaScript, 20% TypeScript, 18% Java Ⓒ 2021 Object Computing, Inc. All rights reserved. 4 micronaut.io JHipster Overview ● Platform to quickly generate, develop, & deploy modern web applications & microservice architectures. ● Started in 2013 as a bootstrapping generator to create Spring Boot + AngularJS applications ● Today creating production ready application, data entities, unit-, integration-, e2e-tests, deployments and ci-cd configurations ● Extensibility via modules or blueprints ● Supporting wide range of technologies from the JVM and non-JVM ecosystem ○ E.g.
    [Show full text]