Downloaded 32 times
Uploaded byRyan Cuprak
Node.js Development with Apache NetBeans
The document provides an overview of using Node.js development with Apache NetBeans, addressing common misconceptions and presenting features such as support for JavaScript, HTML5, and various frameworks. It outlines a typical setup process, integration with Gulp, AWS Lambda testing, and unit testing frameworks. Additionally, it includes links for further resources and guides for setting up and running projects within the NetBeans environment.
In this document
Powered by AI
Introduction to Node.js development using Apache NetBeans by Ryan Cuprak. Contact information provided.
Discussion on benefits of Apache NetBeans, misconceptions about JavaScript support, and developer reach.
Overview of presentation topics including setup, live code examples, and AWS Lambda testing.
Features of JavaScript support in NetBeans including HTML5, CSS3, and integrated frameworks.
Templates for various file types in HTML5/JavaScript and project templates for easy development.
Insights on code completion, analysis, CSS3 editing features, JavaScript debugging, and managing dependencies.
Integration of Gulp tasks in projects and fully integrated Node.js support including project settings.
Steps to setup NetBeans environment, including Node.js installation and plugin configuration.
Typical workflow for Node.js applications in NetBeans including npm tasks and shell command usage.
Demonstrations of Node.js apps, unit testing frameworks, and setup for unit testing in NetBeans.
Demonstrations of Node.js apps, unit testing frameworks, and setup for unit testing in NetBeans.
Introduction to AWS Lambda, pricing, example function implementation, and local testing with NetBeans.
Final Q&A session with contact details and encouragement for community involvement.
Node.js Development with Apache NetBeans
- 1. Node.js Development with ApacheNetBeans Ryan Cuprak
- 2. About Twitter: @ctjava Email: rcuprak@gmail.com/ r5k@3ds.com Blog: cuprak.info Linkedin: www.linkedin.com/in/rcuprak
- 3. Why Apache NetBeans? 1.Sublime Test 2. Visual Studio Code 3. Brackets 4. Atom 5. Komodo Edit 6. Notepad++ 7. BBEdit 8. TextMate 9. Emacs 10.Vim https://goo.gl/MNyMMA
- 4. Beating Emacs Problem: OnlyJava Developers know about NetBeans!
- 5. NetBeans Misconceptions Following statementsare NOT TRUE: • JavaScript support is secondary • JavaScript integration is just for Java web apps • Projects must be created with NetBeans • Projects must be refactored to use NetBeans • NetBeans can’t deal with framework x and/or build tool y etc. NOT TRUE
- 6. Agenda • Overview • Setup •Live Code Examples • Simple Node.js • Node.js + Express • Gulp Integration • Angular & Webpack • Unit Testing • AWS Lambda Testing
- 7.
- 8. JavaScript Features • Nativelysupports HTML5 projects. • CSS3, HTML5, ECMAScript 6 & 7 • Support for HTML5 JavaScript libraries. • Features • Syntax highlighting, auto-completion, code folding, etc. • Full-fledged debugger • Breakpoints on DOM, line, event, and XMLHttpRequests. • Call stack, variables, watches • JavaScript unit testing • Grunt Support • SASS/LESS Support • Apache Cordova (mobile HTML5 development)
- 9. Supported Frameworks More… Note: Integratedsupport for Oracle Jet
- 10. File Templates Category FileTypes HTML5/JavaScript HTML File, JavaScript File, CSS, Sass File, Less file, JSON File, react.js, Jade File, package.json, Gruntfile.js, gulpfile.js, bower.json, .bowerrc, JET modules, Knockout JET Module Selenium Tests Protractor Configuration File, Selenium Mocha Test Case, Selenium Jasmine Test Case Unit Tests Karma Configuration File, jsTestDrive Config File Web Services RESTful JavaScript Client Custom editor provided for each file type.
- 11.
- 12.
- 13.
- 14. CSS3 Editing Popup foradding new properties
- 15.
- 16. JavaScript Debugging +Chrome
- 17.
- 18. Customizable Palette • DragHTML elements from Palette into HTML Window (Wizard appears) • Drag selections from HTML document to Palette to create new HTML snippets.
- 19. Dependency Management Three differentapproaches: • npm • Bower • CDNJS
- 20.
- 21.
- 22. Node.js Integration • Fullyintegrated support for Node.js • Node.js project wizard • Search/find Node modules • Integrated support Express generator • Project specific Node.js settings
- 23.
- 24. NetBeans Setup 1. InstallNode.js 2. Download Sources 3. Setup npm/express
- 25.
- 26. Configure Runtime Environment SelectBrowser to use for testing – project specific. Note testing on connected devices.
- 27. Angular / TypeScriptSupport Download plugin: https://github.com/Everlaw/nbts/
- 28. Angular / TypeScriptSupport Install via Plugin Manager
- 29.
- 30. Typical Workflow npm initEdit package.json npm install NetBeans performs these tasks for us. Shell commands can be executed at any point – not locked into the IDE.
- 31. Demos • Simple Node.jsapplication & debugging • Node.js + Express • Gulp Demo • Angular 4 Demo with TypeScript & Webpack • https://github.com/angular/angular2-seed
- 32.
- 33. Unit Testing • SupportedUnit Testing frameworks: • Karma • JS Test Driver • Mocha • Demo • Jasmine – JavaScript unit testing framework • Tests written in JavaScript • Test synchronous and asychronous JavaScript code • Karma – JavaScript test runner • Based on NodeJS • Launches and executes tests in web browser
- 34. Unit Testing Setup •For empty projects: • Add dependencies in package.json • Create karma.conf file • Configure testing • Implements tests • For existing projects: • Open project properties and configure
- 35.
- 37.
- 38. What is AWSLambda? • Function as a Service (Faas) from AWS • Stateless function that executes in the cloud • Executes in response to events (S3, DynamoDB, API Gateway, etc) • Can be implemented using • JavaScript (Node.js), Java, Python C# • Billed on executions: • First million executions are free • $0.20 per each million afterwards
- 39. Example Lambda Function exports.handler= function(event,context) { context.succeed('Hello ' + event.firstName + ' ' + event.lastName + ' you are at JavaOne 2017!'); }; { "firstName": "Ryan", "lastName": "Cuprak” } Handler Function
- 40. SAM – AWSLambda Testing https://github.com/awslabs/aws-sam-local
- 41. AWS Lambda &NetBeans • NetBeans can test AWS Lambda locally • Prerequisites: • Install Docker • Install SAM Local - npm install -g aws-sam-local • Steps: 1. Create a Node.js project in NetBeans 2. Add aws-sdk to project via npm 3. Implement function 4. Add yaml configuration file 5. Add scripts entry to launch SAM
- 42. AWS Lambda &NetBeans Debugging steps: 1. Start SAM in debug mode 2. Trigger event for invocation 3. Attach debugger
- 44. Q&A Twitter: @ctjava Email: rcuprak@gmail.com/ r5k@3ds.com Blog: cuprak.info Linkedin: www.linkedin.com/in/rcuprak Slides: www.slideshare.net/rcuprak/presentations Get involved! https://netbeans.apache.org !!
Editor's Notes
- #2 Welcome to Node.js development with Apache NetBeans!