Development Web With IntelliJ IDEA 雷卷. 2 www.jetbrains.com/idea Agenda Editor Actions JavaScript support HTML Support CSS support Code Inspection Intention.

Slides:

Advertisements

Similar presentations

JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.

Advertisements

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

HTML Recall that HTML is static in that it describes how a page is to be displayed, but it doesn’t provide for interaction or animation. A page created.

Enhancing Developer Productivity using Eclipse Presented by: Tom Sausner.

© 2008 Zend Technologies; made available under the EPL v March 2008 PDT – The PHP Development Toolkit Assaf Almaz, PDT co-Project Leader Zend Technologies.

© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.

Basics of HTML.

1. 2 What’s New in NetBeans IDE What is NetBeans IDE?  Ready to use out of the box  Support for latest Java specifications & standards  Other.

Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.

Selenium Web Test Tool Training Using Ruby Language Discover the automating power of Selenium Kavin School Kavin School Presents: Presented by: Kangeyan.

A really fairly simple guide to: mobile browser-based application development (part 4, JQuery & DOM) Chris Greenhalgh G54UBI / Chris Greenhalgh.

Some essentials difference syntax and concept for jquery developers Roohullah Afzali

The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.

Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.

Integrating JavaScript and HTML5 HTML5 & CSS 7 th Edition.

Mid Morning Discussion Introduction to the IBIS-Q Front-End System ("Module" Emphasis) What is the front end Where does the front end fit in What is a.

Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.

HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.

Web Design (2) Brackets - introduction. Brackets Brackets is a web design code editor It is an open-source project initiated by Adobe (creator of Dreamweaver)

HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.

Extending HTML CPSC 120 Principles of Computer Science April 9, 2012.

JavaScript Frameworks Presented by Kyle Goins Also see:

Enterprise Development with IntelliJ IDEA Mike Aizatsky Project Manager JetBrains, Inc.

UCB and Virtual Team course HTML5, CSS3 and Advanced Javascript 2. Advanced Java script I 23/10/20151HTML5, CSS3 and advanced Java Script.

FireBug. What is Firebug?  Firebug is a powerful tool that allows you to edit HTML, CSS and view the coding behind any website: CSS, HTML, DOM and JavaScript.

Where does PHP code get executed?. Where does JavaScript get executed?

Syntegra Logo Slide Increasing Productivity By Using ColdFusion Studio Jo Belyea-Doerrman CFSOUTH February 3, 2001.

JavaScript Syntax, how to use it in a HTML document

JDojo and Its Usage Te-Hsin Shih 04/30/2013. Dojo Dojo Toolkit is an open source JavaScript library designed to ease the rapid development of cross-platform,

JQuery Introduction © Copyright 2014, Fred McClurg All Rights Reserved.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Syntegra Logo Slide Increasing Productivity By Using Homesite + Jo Belyea-Doerrman CFFUN 03 June 22, 2003.

Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.

HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.

JavaScript Overview Developer Essentials How to Code Language Constructs The DOM concept- API, (use W3C model) Objects –properties Methods Events Applications;

COMP 2923 A2 Website Development 101 Danny Silver JSOCS, Acadia University.

INTRODUCTION TO HTML5 New HTML5 User Interface and Attributes.

Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.

JavaScript & Introduction to AJAX

Advanced Windows Store App Development with HTML5 Refresh / Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical.

Lesson 30: JavaScript and DHTML Fundamentals. Objectives Define and contrast client-side and server-side technologies used to create dynamic content for.

Java Script. What is JavaScript ? It is an scripting language, developed by Netscape Navigator. It can be used to replace CGI scripts for client-side.

1 Minification JavaScript & CSS. 2 Minification Removing 0 Whitespace 0 Line Breaks 0 Comments 0 Shrink Variables 0 Optimize Code.

The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.

1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.

HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Formatting HTML Links HTML Head HTML CSS HTML.

COMP 143 Web Development with Adobe Dreamweaver CC.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.

HTML...CSS...JAVASCRIPT for Higher Computing Science.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.

Web Basics: HTML/CSS/JavaScript What are they?

Getting Started with CSS

The Share Widget Library

Intro to JavaScript CS 1150 Spring 2017.

The Internet and HTML Code

Web development with SharePoint, HTML & CSS

Web Development in Microsoft Visual Studio 2013

JavaScript an introduction.

Language Tooling in Orion

Mozafar Bag-Mohammadi

Intro to Web Development First Web Page

Unit 6 part 3 Test Javascript Test.

ხელმძღვანელი: დიმიტრი ქარაული

Client-Server Model: Requesting a Web Page

Murach's JavaScript and jQuery (3rd Ed.)

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

Development Web With IntelliJ IDEA 雷卷

2 Agenda Editor Actions JavaScript support HTML Support CSS support Code Inspection Intention Action

3 Editor Actions Ctrl+Space: Code Completion Ctrl+Alt+T: Surround with Ctrl+Shift+Delete: Remote Surround Ctrl+B: Go to delaration Ctrl+Shift+I: Show content Ctrl+Q: Quick Document Ctrl+/: Comment Alt+Enter: Invoke Intention Action

4 Navigation Actions Ctrl+Shift+N: Open File Ctrl+Shift+Alt+N: Open symbol

5 JavaScript Support JSDoc Full Support YUI, JQuery, DOJO, ExtJS support Javascript Debug Refactor: rename, Move file, safe delete JS Inspections

6 JsDoc and {paramType} paramName @static

7 HTML Support Navigation with the active breadcrumbs bar HTML validation & quick-fixes Show Applied Styles for Tag Open in Browser command

8 CSS Support CSS code completion Properties merge Quick doc On-the-fly validation & intention actions

9 Velocity Support Javascript, CSS, HTML Support Java Support Data Language and Template Language Inspections and Intentions

10 Q&A Leijuan