Introduction to Codenvy / JugSummerCamp 2014

28
@florentbenoit Jug Summer Camp 2014

description

What is codenvy, how to use Codenvy and discover all Codenvy features

Transcript of Introduction to Codenvy / JugSummerCamp 2014

Page 1: Introduction to Codenvy / JugSummerCamp 2014

@florentbenoitJug Summer Camp 2014

Page 2: Introduction to Codenvy / JugSummerCamp 2014

125,000 USERSOver 55 countries25 of the Fortune 100Largest day: 4000 concurrent developers

COMPANY OVERVIEWPRODUCTSCodenvyCodenvy EnterpriseCodenvy Factories for Sales & SupportCodenvy SDK for IDE Plug-In Developers

COMPANYFounded: 2013HQ: San Francisco, CA45 Employees, based in 3 countries

CUSTOMERS

Page 3: Introduction to Codenvy / JugSummerCamp 2014

CODENVY MAKES

SaaSDeveloperEnvironments

Page 4: Introduction to Codenvy / JugSummerCamp 2014

Codenvy Dashboard

AngularJS based

Manage projects:(import / create / run)StatisticsManage account

Page 5: Introduction to Codenvy / JugSummerCamp 2014

Let’s code

Features provided by classic IDECode completion, syntax highlighting, helpers, formatters

Editor

+ Builders and Runners

Page 6: Introduction to Codenvy / JugSummerCamp 2014

CODENVY MAKES

Factories

Page 7: Introduction to Codenvy / JugSummerCamp 2014

Where Time is Wasted…

http://www.coreservlets.com/Apache-Tomcat-Tutorial/tomcat-7-with-eclipse.html

Page 8: Introduction to Codenvy / JugSummerCamp 2014

THE CODENVY WAY:

Never ending steps, manually

executed. Failure and abandonment

rates high.

Shorter setup cycles. Predictable

configuration. Testable and part of

continuous delivery processes.

OLD WAY http://codenvy.com/

factory?....

OUR WAY: 1 CLICK

FACTORIES

Page 9: Introduction to Codenvy / JugSummerCamp 2014

Demo Factories

Page 10: Introduction to Codenvy / JugSummerCamp 2014

Overview

Page 11: Introduction to Codenvy / JugSummerCamp 2014

Architecture overviewPlug-ins based

IDE: - Java / GWT plugins : extensions - Builder plugins (REST APi)

Runners : - Docker based images - Can reuse existing docker images

Page 12: Introduction to Codenvy / JugSummerCamp 2014

On PremiseOn Premise Install everywhereBuilt on top of Vagrant/puppet

Page 13: Introduction to Codenvy / JugSummerCamp 2014

Demo Hello World

Page 14: Introduction to Codenvy / JugSummerCamp 2014

CLi toolManage your projectsCreate factories, clone projectsList, add, remove projectsBuild and Run projects

Customize CLiAdd own set of commands

Page 15: Introduction to Codenvy / JugSummerCamp 2014

Demo CLi

Page 16: Introduction to Codenvy / JugSummerCamp 2014

Contribute

SDK instance Open Source license: Eclipse Public LicenseChe project on Eclipse

https://projects.eclipse.org/projects/technology.che

Page 17: Introduction to Codenvy / JugSummerCamp 2014

Demo Demo of

SDK Extension

Page 18: Introduction to Codenvy / JugSummerCamp 2014

SDK extensionPlatform APiREST APi : Java helper / DTO APi : auth, builder, core, project, runner, user, vfs, workspace, etc.

Page 19: Introduction to Codenvy / JugSummerCamp 2014

Demo Projects

Page 20: Introduction to Codenvy / JugSummerCamp 2014

Demo

Custom docker images

Page 21: Introduction to Codenvy / JugSummerCamp 2014

Code completion in HTML templatesInterpolation braces completionDirectives completionDocumentation provided with ngDoc

Code completion in javascript files

Grunt & Gulp.js runners Run project with one button

Grunt runner for Gruntfile.js Gulp runner for gulpfile .js

Project bootstrapping wizards Bootstrap projects by picking up templates Angular seed template Yeoman/Grunt/bower template Gulp.js template

Npm & Bower integrationNpm install with

package .jsonBower install with bower.json

Completion template for functions, services, providers, etc.

AngularJS PluginFeatures in version 3.0

Page 22: Introduction to Codenvy / JugSummerCamp 2014

Demo AngularJS

Plugin

Page 23: Introduction to Codenvy / JugSummerCamp 2014

Better Editor

NPM / Bower integrationNpm package.json editor - Search / Add / Update packagesBower bower.json editor - Search / Add / Update packages

Grunt / Gulp.jsEditor with ability to run any tasksDownload resulting build

Interactive scaffolding

Testing

AngularJS 2.0BenchmarkingScaffoldingDependency injection / Templating / Persistence

AngularJS Plugin Roadmap

Completion on user’s directives, functions, etcCompletion within expressionsOnline search for available directivesNavigate to filters, modules, directives, controllers

Yeoman interactive mode

Plug other generators

Test on saveUnit tests - Run / ViewProtractor / Saucelabs

Page 24: Introduction to Codenvy / JugSummerCamp 2014

Datasource Plugin

Connect your databasePostgreSQL, MsSQLServer, MySQL, NuoDB, Oracle, Google Cloud SQL, Amazon RDS.SSL Support

Explore Browse a database schemas, tables and columnsProperties panel displays details information of each selected item

SQL Editor Syntax coloration for SQL languageCompletion of SQL statement samplesCompletion on tables and columns

Execute your SQL statements Execution SQL statementsResults panelDisplay ErrorsCSV export

Features in version 3.0

Page 25: Introduction to Codenvy / JugSummerCamp 2014

Demo Datasourc

ePlugin

Page 26: Introduction to Codenvy / JugSummerCamp 2014

IMPROVEMENTSDynamic schema loading

Execute and view results in one click

Display more database item properties

SQL key word completion

SCHEMA EDITOR Create / Edit a database

schema

SQL statements builder

TOOLING Mass import / export

DDL generation

FOR DEV PROJECTSJPA completion and entity generator

Ready to use datasource objects in

PHP, Ruby, NodeJS

RUN AND TEST Docker to launch development database

instance

MORE DATABASE SUPPORT Derby, H2, HSQL, MariaDB, Drizzle, Percona

NoSQL

Datasource Roadmap

FACTORY SUPPORTInstant Datasource configuration for

workspaces

Page 27: Introduction to Codenvy / JugSummerCamp 2014

Demo Eclipse

Plugin

Page 28: Introduction to Codenvy / JugSummerCamp 2014

Questions