Getting Started Adobe Edge Code CC & Brackets
•
2 likes•956 views
Speaker: Teerasej Jiraphatchandej, User Group Manager, Thai Adobe Developer Community Join our webinar to understand what is the latest web editor from Adobe: Edge Code CC. It's light. It's fast. It included with tons of web editing feature like Live Preview, Code Hinting & Completion, Edge Web Font, PhoneGap Build, and Code Extension
Report
Share
Report
Share
Download to read offline
Recommended
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
This document discusses doing modern web development with JavaScript and HTML5 in the enterprise. It begins by introducing the author and their background. It then discusses resources like podcast interviews and JavaScript libraries the author has created. The document goes on to summarize some key differences between enterprise and non-enterprise development. The main part of the document discusses what a modern web app is, how to structure one for the enterprise, and technologies like HTML5, CSS3, JavaScript, and APIs. It emphasizes the importance of making enterprise JavaScript apps maintainable, scalable, testable, and deployable. It also provides recommendations for managing a JavaScript app project.
Beginner's Guide to Frontend Development: Comparing Angular, React, Ember, an...
Over the past several years, as the role of the browser has grown, rich desktop-like apps have emerged built entirely in the browser. To enable this movement, a new generation of powerful JavaScript frameworks have emerged including EmberJS, AngularJS, BackboneJS, and React. In this 30 minute crash course on front end frameworks, Bloc co-founder and CTO Dave Paola will cover the history of front end web development, the recent emergence of these new Javascript frameworks, and go over some of the pros and cons for learning them.
We'll hear from Bloc co-founder and CTO Dave Paola and Bloc Developer Christian Schlensker. Prior to Bloc, Dave was a developer at Kontagent, has over 15 years of software development experience, and has founded numerous other companies. Christian comes to Bloc from Pinchit and TAG where he was a developer. Prior to that, Christian was also a graphic designer.
In our experience, beginners are often overwhelmed by buzz words like "HTML5," "JavaScript," and "Ruby." Without an experienced guide, they can spend months going down rabbit-holes drilling into specific languages, and emerge frustrated that they can't build a real website. Dave will start by helping you visualize the front end web development landscape.
Comparing Angular, Ember, Backbone, and React
2
Once you understand the landscape, Dave will introduce the four major front end frameworks that have emerged over the past two years. He'll discuss the pros and cons of learning each one, from the point of view of a beginner. These four frameworks are: AngularJS, EmberJS, BackboneJS, and ReactJS.
Website Speed :: Fox Valley Computing Professionals, September 2014
This document provides an overview of a presentation on speeding up websites. The presentation will cover measuring performance, tools for analysis, optimizations that can be made, and testing performance. It mentions looking at network requests, server response times, prefetching, sprites, responsive images, fonts, and minification. Testing tools to be discussed include the browser developer tools, PageSpeed Insights, YSlow, PhantomJS, JMeter, and BlazeMeter.
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
This document provides an overview of HTML5, JavaScript, and new JavaScript APIs. It introduces the presenter and their focus on JavaScript. It then discusses the history and standards of JavaScript and ECMAScript. It explains that while HTML5 provides semantics, most interactive functionality comes from JavaScript. It outlines some new JavaScript APIs like geolocation, files, web workers, and web sockets. It discusses how JavaScript is important for rich interactive applications and single page applications. It provides examples of these APIs and discusses challenges of developing complex single page applications. It concludes with an example of variable scoping in JavaScript.
Web Development Training in Ambala ! Batra Computer Centre
Batra Computer Centre is An ISO certified 9001:2008 training Centre in Ambala.
We Provide Web development Training in Ambala. BATRA COMPUTER CENTRE provides best training in C, C++, S.E.O, Web Designing, Web Development and So many other courses are available.
Ajax
This document discusses AJAX (Asynchronous JavaScript and XML). It defines AJAX as standards-based presentation using XHTML, CSS for dynamic display, DOM for interaction, XML/XSLT for data interchange, and asynchronous retrieval of XML data using XMLHttpRequest and JavaScript binding. It describes the components of AJAX including HTML, CSS, DOM, XMLHttpRequest object. It explains asynchronous processing in AJAX and how AJAX works by fetching data from servers in the background without page refreshes. It provides examples of XMLHttpRequest and discusses advantages like faster page loads and new interface types and disadvantages like initial slowness and compatibility issues.
Lesson 01
This document provides an overview of an introductory front-end web development course. It outlines the course structure including lessons on HTML basics, CSS basics, and JavaScript. It introduces key concepts like the difference between front-end and back-end development. The document details the first lesson which establishes a safe learning environment and covers basic HTML tags and using tools like Sublime Text. It also includes the schedule, instructor and teaching assistant information, and introductory content on navigating computers and HTML history.
Tipping the scale - Eyal Eizenberg - Wix
Times Square is (at least before the Coronavirus...) the most visited place globally with about 380,000 pedestrian visitors a day - roughly the same amount of people which go to Wix’s dashboard.
Building a page which receives such high traffic requires having great performance and intelligent architecture.
In this talk, Eyal will go over the challenges of rebuilding Wix’s dashboard, the architecture and how we got it to load under 1 second.
Recommended
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp
This document discusses doing modern web development with JavaScript and HTML5 in the enterprise. It begins by introducing the author and their background. It then discusses resources like podcast interviews and JavaScript libraries the author has created. The document goes on to summarize some key differences between enterprise and non-enterprise development. The main part of the document discusses what a modern web app is, how to structure one for the enterprise, and technologies like HTML5, CSS3, JavaScript, and APIs. It emphasizes the importance of making enterprise JavaScript apps maintainable, scalable, testable, and deployable. It also provides recommendations for managing a JavaScript app project.
Beginner's Guide to Frontend Development: Comparing Angular, React, Ember, an...
Over the past several years, as the role of the browser has grown, rich desktop-like apps have emerged built entirely in the browser. To enable this movement, a new generation of powerful JavaScript frameworks have emerged including EmberJS, AngularJS, BackboneJS, and React. In this 30 minute crash course on front end frameworks, Bloc co-founder and CTO Dave Paola will cover the history of front end web development, the recent emergence of these new Javascript frameworks, and go over some of the pros and cons for learning them.
We'll hear from Bloc co-founder and CTO Dave Paola and Bloc Developer Christian Schlensker. Prior to Bloc, Dave was a developer at Kontagent, has over 15 years of software development experience, and has founded numerous other companies. Christian comes to Bloc from Pinchit and TAG where he was a developer. Prior to that, Christian was also a graphic designer.
In our experience, beginners are often overwhelmed by buzz words like "HTML5," "JavaScript," and "Ruby." Without an experienced guide, they can spend months going down rabbit-holes drilling into specific languages, and emerge frustrated that they can't build a real website. Dave will start by helping you visualize the front end web development landscape.
Comparing Angular, Ember, Backbone, and React
2
Once you understand the landscape, Dave will introduce the four major front end frameworks that have emerged over the past two years. He'll discuss the pros and cons of learning each one, from the point of view of a beginner. These four frameworks are: AngularJS, EmberJS, BackboneJS, and ReactJS.
Website Speed :: Fox Valley Computing Professionals, September 2014
This document provides an overview of a presentation on speeding up websites. The presentation will cover measuring performance, tools for analysis, optimizations that can be made, and testing performance. It mentions looking at network requests, server response times, prefetching, sprites, responsive images, fonts, and minification. Testing tools to be discussed include the browser developer tools, PageSpeed Insights, YSlow, PhantomJS, JMeter, and BlazeMeter.
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
This document provides an overview of HTML5, JavaScript, and new JavaScript APIs. It introduces the presenter and their focus on JavaScript. It then discusses the history and standards of JavaScript and ECMAScript. It explains that while HTML5 provides semantics, most interactive functionality comes from JavaScript. It outlines some new JavaScript APIs like geolocation, files, web workers, and web sockets. It discusses how JavaScript is important for rich interactive applications and single page applications. It provides examples of these APIs and discusses challenges of developing complex single page applications. It concludes with an example of variable scoping in JavaScript.
Web Development Training in Ambala ! Batra Computer Centre
Batra Computer Centre is An ISO certified 9001:2008 training Centre in Ambala.
We Provide Web development Training in Ambala. BATRA COMPUTER CENTRE provides best training in C, C++, S.E.O, Web Designing, Web Development and So many other courses are available.
Ajax
This document discusses AJAX (Asynchronous JavaScript and XML). It defines AJAX as standards-based presentation using XHTML, CSS for dynamic display, DOM for interaction, XML/XSLT for data interchange, and asynchronous retrieval of XML data using XMLHttpRequest and JavaScript binding. It describes the components of AJAX including HTML, CSS, DOM, XMLHttpRequest object. It explains asynchronous processing in AJAX and how AJAX works by fetching data from servers in the background without page refreshes. It provides examples of XMLHttpRequest and discusses advantages like faster page loads and new interface types and disadvantages like initial slowness and compatibility issues.
Lesson 01
This document provides an overview of an introductory front-end web development course. It outlines the course structure including lessons on HTML basics, CSS basics, and JavaScript. It introduces key concepts like the difference between front-end and back-end development. The document details the first lesson which establishes a safe learning environment and covers basic HTML tags and using tools like Sublime Text. It also includes the schedule, instructor and teaching assistant information, and introductory content on navigating computers and HTML history.
Tipping the scale - Eyal Eizenberg - Wix
Times Square is (at least before the Coronavirus...) the most visited place globally with about 380,000 pedestrian visitors a day - roughly the same amount of people which go to Wix’s dashboard.
Building a page which receives such high traffic requires having great performance and intelligent architecture.
In this talk, Eyal will go over the challenges of rebuilding Wix’s dashboard, the architecture and how we got it to load under 1 second.
Rapid WordPress Theme Development
These are the slides for a presentation I gave on Rapid WordPress Theme development at Spoke6 in Tucson, AZ on June 22, 2010.
Intro to Web Development
This was one of my presentations made for BSc. IT students. A simple introduction to Web development and Web 2.0
Html5 aavaas gajurel techmela
The document discusses HTML5, which is more of a movement than a single technology. It provides an overview of what HTML5 is, including that it is a new specification that builds upon HTML, CSS3, and JavaScript. Some of the major new features that HTML5 introduces are richer semantics, a simpler doctype, multimedia elements like audio and video, the canvas element, and new form controls. It also notes that HTML5 is still being developed and implemented across browsers.
(For non-developers) HTML5: A richer web for everyone
This talk is designed to explain the advantages of HTML5 in a way that makes more sense to the non-developers involved in a web site project. It is therefore aimed at designers, brand managers, project managers and bosses, and talks about HTML5 with less code and tech specs, and more real world advantages of using it in your web project.
Lesson 01
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It also covers using tools like Sublime Text and file structure. The schedule outlines topics on intro to front-end development, navigating computers, HTML tags and using Sublime. It lists the instructor, teaching assistant and students. Homework involves creating a personal website and watching an internet basics video.
The Characteristics of a Successful SPA
The document discusses the characteristics of a successful single page application (SPA). It recommends choosing frameworks and libraries that have good documentation, large communities, and support needed functionality. It also emphasizes building robust, stable APIs and keeping performance in mind from the start. The document suggests optimizing JavaScript and backend code, knowing the runtime environment, and using developer tools to minimize resource-intensive reflows and repaints. Overall, it presents SPAs as a good option for mobile apps if frameworks, libraries, APIs, and performance are chosen and developed carefully.
Javascript
JavaScript is a scripting language used for HTML web pages. It is loosely based on Java and built into major browsers. JavaScript code is placed within <script> tags in the HTML and can be included anywhere but is typically in the <body>. A basic "Hello World" example writes that text to the document. JavaScript is case sensitive, uses semicolons but they are optional when statements are on separate lines. Variables are declared with var, if/else statements control execution. Examples determine if a year is a leap year or check a password.
Web development today
The document discusses HTML5 Boilerplate, which is a popular front-end template that helps developers build fast, robust, and adaptable web apps or sites. It includes tools like Modernizr, which detects HTML5 and CSS3 browser support, and HTML5 Shiv, which allows styling of HTML5 elements in older IE browsers. Using HTML5 Boilerplate follows best practices for performance, like minifying code and setting the viewport.
Fundamentals of HTML5
HTML5 has changed the Web as we know it. The newest markup language has some exciting features that, for example, make it easy to embed and play multimedia content on the web without having to use proprietary plugins like Adobe’s Flash.
In this webinar, learn:
What HTML5 is and what it can do
New HTML5 tags
Useful coding examples
Testing and validation of your site
Future of HTML5
Participants will be given server space to create their own page and will be required to have a basic HTML editor like Notepad, Notepad++ or Eclipse.
JSConf.eu Overview
Overview / extracts from presentations at JSConf.eu conference about topics that were more interesting to me.
Web application intro
This document provides an introduction to web applications and their components. It discusses what a web application is, how it is made up of front-end and back-end parts, and how Ruby on Rails is a framework that helps develop web applications. It then demonstrates Ruby programming concepts through interactive examples in IRB, covering basic operations, variables, methods, classes and objects. The document aims to give a high-level overview of web applications and introduce Ruby programming.
Lessons learned with HTML5
This short talk is about using HTML5 for making websites.
I'll mention libraries that make day-to-day work and compatibility a bit easier.
WebMatrix
This document provides an overview of WebMatrix, a free web development tool from Microsoft. It discusses what WebMatrix is, its key features like integrating a web server, database, and programming model. It also covers how WebMatrix allows starting projects from templates or open source applications. The document demonstrates WebMatrix's capabilities through examples and concludes with information on where to find additional resources.
Modern web application devlopment workflow
This document discusses modern web application development workflows. It begins by looking back at how web applications used to be developed by throwing together some HTML, CSS, and JavaScript files. It then introduces newer technologies like Node.js, which uses the V8 JavaScript engine to allow JavaScript to be used on the server-side as well. The document recommends using tools like Yeoman for scaffolding, Bower for package management, Gulp for automation, and unit/end-to-end testing with frameworks like Mocha and Protractor. It advocates following best practices like using version control with Git and hosting code on GitHub. Overall, the document promotes establishing a robust development workflow that leverages modern tools and techniques.
The Dawson Way of Doing Things
A Study of our path using WordPress
Dawson College with 10,000+ students and 1,000+ faculty and staff has adopted WordPress as our primary web publishing platform. We’ve mostly had success, but we’ve also had our share of failures and growing pains. In this case study, I’m going to talk about how we started out with WordPress in 2010, migrated our main website a few years later to a multi-site install and how it all evolved to what we have today. Since then, we’ve adopted the “lean and mean” mantra to building sites, while making them easy to update. This case study will showcase the front and back-ends of our higher profile sites to show how we achieved our goals. We’ll also explain how we manage expectations, do our development, choose plugins and tools, and which themes we’ve come to rely on.
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Over the past several years, as the role of the browser has grown, rich desktop-like apps have emerged built entirely in the browser. To enable this movement, a new generation of powerful JavaScript frameworks have emerged including EmberJS, AngularJS, BackboneJS, and React. In this 30 minute crash course on front end frameworks, Bloc co-founder and CTO Dave Paola will cover the history of front end web development, the recent emergence of these new Javascript frameworks, and go over some of the pros and cons for learning them.
We'll hear from Bloc co-founder and CTO Dave Paola and Bloc Developer Christian Schlensker. Prior to Bloc, Dave was a developer at Kontagent, has over 15 years of software development experience, and has founded numerous other companies. Christian comes to Bloc from Pinchit and TAG where he was a developer. Prior to that, Christian was also a graphic designer.
In our experience, beginners are often overwhelmed by buzz words like "HTML5," "JavaScript," and "Ruby." Without an experienced guide, they can spend months going down rabbit-holes drilling into specific languages, and emerge frustrated that they can't build a real website. Dave will start by helping you visualize the front end web development landscape.
Comparing Angular, Ember, Backbone, and React
2
Once you understand the landscape, Dave will introduce the four major front end frameworks that have emerged over the past two years. He'll discuss the pros and cons of learning each one, from the point of view of a beginner. These four frameworks are: AngularJS, EmberJS, BackboneJS, and ReactJS.
HTML5: a quick overview
HTML5 provides new elements for structuring content like audio, video, and forms as well as new APIs for features like local storage, geolocation, and web sockets. It also introduces new CSS properties for styling like web fonts, transitions, and 3D transforms. While HTML5 enables many applications to be developed for the web, it still has limitations like restricted access to hardware and inability to run in the background on mobile devices. HTML5 aims to unify web development by building on existing standards in a backwards compatible way.
Lesson 01
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It outlines lessons on navigating files on computers, HTML history and syntax. The schedule details times for introductions, navigating computers, practicing HTML tags and using development tools like Sublime Text. It lists course staff and students and provides a sample press release and cookie recipe. Homework involves building personal website pages and watching an internet overview video.
Anyone Can Code: JavaScript - 6/24/2014
A presentation that accompanied the introductory course I taught on JavaScript at the Anyone Can Code meetup on June 24, 2014 in Chicago.
Hinting at a better web
This document discusses ways to improve how web developers learn best practices through browser and tooling improvements. It suggests that linting and inline insights directly in code editors could help prevent mistakes by flagging issues early. A tool called webhint is highlighted that provides one-stop checking and explanations of hints related to performance, accessibility, security and more. The document advocates for customizing hints based on a project's specific needs and environment. Overall, it argues for accelerated learning through context-sensitive, customizable best practices integrated into development workflows.
Introduction to Adobe Brackets
Brackets is an open source code editor created by Adobe that is optimized for web development with HTML, CSS, and JavaScript. It allows developers to design and develop directly in the browser. Some future goals for Brackets include cloud integration, embedding into other applications, and support for mobile devices.
More Related Content
What's hot
Rapid WordPress Theme Development
These are the slides for a presentation I gave on Rapid WordPress Theme development at Spoke6 in Tucson, AZ on June 22, 2010.
Intro to Web Development
This was one of my presentations made for BSc. IT students. A simple introduction to Web development and Web 2.0
Html5 aavaas gajurel techmela
The document discusses HTML5, which is more of a movement than a single technology. It provides an overview of what HTML5 is, including that it is a new specification that builds upon HTML, CSS3, and JavaScript. Some of the major new features that HTML5 introduces are richer semantics, a simpler doctype, multimedia elements like audio and video, the canvas element, and new form controls. It also notes that HTML5 is still being developed and implemented across browsers.
(For non-developers) HTML5: A richer web for everyone
This talk is designed to explain the advantages of HTML5 in a way that makes more sense to the non-developers involved in a web site project. It is therefore aimed at designers, brand managers, project managers and bosses, and talks about HTML5 with less code and tech specs, and more real world advantages of using it in your web project.
Lesson 01
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It also covers using tools like Sublime Text and file structure. The schedule outlines topics on intro to front-end development, navigating computers, HTML tags and using Sublime. It lists the instructor, teaching assistant and students. Homework involves creating a personal website and watching an internet basics video.
The Characteristics of a Successful SPA
The document discusses the characteristics of a successful single page application (SPA). It recommends choosing frameworks and libraries that have good documentation, large communities, and support needed functionality. It also emphasizes building robust, stable APIs and keeping performance in mind from the start. The document suggests optimizing JavaScript and backend code, knowing the runtime environment, and using developer tools to minimize resource-intensive reflows and repaints. Overall, it presents SPAs as a good option for mobile apps if frameworks, libraries, APIs, and performance are chosen and developed carefully.
Javascript
JavaScript is a scripting language used for HTML web pages. It is loosely based on Java and built into major browsers. JavaScript code is placed within <script> tags in the HTML and can be included anywhere but is typically in the <body>. A basic "Hello World" example writes that text to the document. JavaScript is case sensitive, uses semicolons but they are optional when statements are on separate lines. Variables are declared with var, if/else statements control execution. Examples determine if a year is a leap year or check a password.
Web development today
The document discusses HTML5 Boilerplate, which is a popular front-end template that helps developers build fast, robust, and adaptable web apps or sites. It includes tools like Modernizr, which detects HTML5 and CSS3 browser support, and HTML5 Shiv, which allows styling of HTML5 elements in older IE browsers. Using HTML5 Boilerplate follows best practices for performance, like minifying code and setting the viewport.
Fundamentals of HTML5
HTML5 has changed the Web as we know it. The newest markup language has some exciting features that, for example, make it easy to embed and play multimedia content on the web without having to use proprietary plugins like Adobe’s Flash.
In this webinar, learn:
What HTML5 is and what it can do
New HTML5 tags
Useful coding examples
Testing and validation of your site
Future of HTML5
Participants will be given server space to create their own page and will be required to have a basic HTML editor like Notepad, Notepad++ or Eclipse.
JSConf.eu Overview
Overview / extracts from presentations at JSConf.eu conference about topics that were more interesting to me.
Web application intro
This document provides an introduction to web applications and their components. It discusses what a web application is, how it is made up of front-end and back-end parts, and how Ruby on Rails is a framework that helps develop web applications. It then demonstrates Ruby programming concepts through interactive examples in IRB, covering basic operations, variables, methods, classes and objects. The document aims to give a high-level overview of web applications and introduce Ruby programming.
Lessons learned with HTML5
This short talk is about using HTML5 for making websites.
I'll mention libraries that make day-to-day work and compatibility a bit easier.
WebMatrix
This document provides an overview of WebMatrix, a free web development tool from Microsoft. It discusses what WebMatrix is, its key features like integrating a web server, database, and programming model. It also covers how WebMatrix allows starting projects from templates or open source applications. The document demonstrates WebMatrix's capabilities through examples and concludes with information on where to find additional resources.
Modern web application devlopment workflow
This document discusses modern web application development workflows. It begins by looking back at how web applications used to be developed by throwing together some HTML, CSS, and JavaScript files. It then introduces newer technologies like Node.js, which uses the V8 JavaScript engine to allow JavaScript to be used on the server-side as well. The document recommends using tools like Yeoman for scaffolding, Bower for package management, Gulp for automation, and unit/end-to-end testing with frameworks like Mocha and Protractor. It advocates following best practices like using version control with Git and hosting code on GitHub. Overall, the document promotes establishing a robust development workflow that leverages modern tools and techniques.
The Dawson Way of Doing Things
A Study of our path using WordPress
Dawson College with 10,000+ students and 1,000+ faculty and staff has adopted WordPress as our primary web publishing platform. We’ve mostly had success, but we’ve also had our share of failures and growing pains. In this case study, I’m going to talk about how we started out with WordPress in 2010, migrated our main website a few years later to a multi-site install and how it all evolved to what we have today. Since then, we’ve adopted the “lean and mean” mantra to building sites, while making them easy to update. This case study will showcase the front and back-ends of our higher profile sites to show how we achieved our goals. We’ll also explain how we manage expectations, do our development, choose plugins and tools, and which themes we’ve come to rely on.
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Over the past several years, as the role of the browser has grown, rich desktop-like apps have emerged built entirely in the browser. To enable this movement, a new generation of powerful JavaScript frameworks have emerged including EmberJS, AngularJS, BackboneJS, and React. In this 30 minute crash course on front end frameworks, Bloc co-founder and CTO Dave Paola will cover the history of front end web development, the recent emergence of these new Javascript frameworks, and go over some of the pros and cons for learning them.
We'll hear from Bloc co-founder and CTO Dave Paola and Bloc Developer Christian Schlensker. Prior to Bloc, Dave was a developer at Kontagent, has over 15 years of software development experience, and has founded numerous other companies. Christian comes to Bloc from Pinchit and TAG where he was a developer. Prior to that, Christian was also a graphic designer.
In our experience, beginners are often overwhelmed by buzz words like "HTML5," "JavaScript," and "Ruby." Without an experienced guide, they can spend months going down rabbit-holes drilling into specific languages, and emerge frustrated that they can't build a real website. Dave will start by helping you visualize the front end web development landscape.
Comparing Angular, Ember, Backbone, and React
2
Once you understand the landscape, Dave will introduce the four major front end frameworks that have emerged over the past two years. He'll discuss the pros and cons of learning each one, from the point of view of a beginner. These four frameworks are: AngularJS, EmberJS, BackboneJS, and ReactJS.
HTML5: a quick overview
HTML5 provides new elements for structuring content like audio, video, and forms as well as new APIs for features like local storage, geolocation, and web sockets. It also introduces new CSS properties for styling like web fonts, transitions, and 3D transforms. While HTML5 enables many applications to be developed for the web, it still has limitations like restricted access to hardware and inability to run in the background on mobile devices. HTML5 aims to unify web development by building on existing standards in a backwards compatible way.
Lesson 01
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It outlines lessons on navigating files on computers, HTML history and syntax. The schedule details times for introductions, navigating computers, practicing HTML tags and using development tools like Sublime Text. It lists course staff and students and provides a sample press release and cookie recipe. Homework involves building personal website pages and watching an internet overview video.
Anyone Can Code: JavaScript - 6/24/2014
A presentation that accompanied the introductory course I taught on JavaScript at the Anyone Can Code meetup on June 24, 2014 in Chicago.
Hinting at a better web
This document discusses ways to improve how web developers learn best practices through browser and tooling improvements. It suggests that linting and inline insights directly in code editors could help prevent mistakes by flagging issues early. A tool called webhint is highlighted that provides one-stop checking and explanations of hints related to performance, accessibility, security and more. The document advocates for customizing hints based on a project's specific needs and environment. Overall, it argues for accelerated learning through context-sensitive, customizable best practices integrated into development workflows.
What's hot (20)
(For non-developers) HTML5: A richer web for everyone
(For non-developers) HTML5: A richer web for everyone
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Viewers also liked
Introduction to Adobe Brackets
Brackets is an open source code editor created by Adobe that is optimized for web development with HTML, CSS, and JavaScript. It allows developers to design and develop directly in the browser. Some future goals for Brackets include cloud integration, embedding into other applications, and support for mobile devices.
Social Media Marketing in Business World
This document discusses social media campaigns and strategies used by several large brands in Thailand. It summarizes campaigns run by Starbucks, PTT, Eazy FM radio, Lactasoy soy milk, and Singha beer on platforms like Facebook, Instagram, and mobile apps. It also analyzes the social media presences of Adidas, Nike, and other sports brands on Facebook, Instagram, and YouTube, noting numbers of followers and fans as well as content strategies.
Global Marketer Conference 2013 - Andy Fennell, CMO, Diageo
The document discusses Diageo's strategy for growth. It notes that Diageo has the number one brand in several spirits categories. It aims to focus on emerging markets, marketing innovation, new price points, product innovation, and targeting new consumer groups like women and multicultural audiences. Diageo will leverage its portfolio breadth, invest in markets like China and India, and use new marketing approaches like music, data, and technology to engage consumers. The goal is to drive growth while maintaining agility as a large company.
เร่ิมต้นสร้าง Facebook page สำหรับ line creator
เริ่มต้นทำตลาด LINE Sticker ง่ายๆ ด้วย Facebook Page
โดยโค้ชพล ธีรเศรษฐ์ จิรภัทร์ชาญเดช
อาคารปฏิบัติการเทคโนโลยีและพัฒนานวัตกรรม มหาวิทยาลัยวลัยลักษณ์ จ.
Personal Branding
Marca Pessoal é Individualidade. Marketing Pessoal é Estratégia. Personal Branding é Perceção.
A gestão de uma Marca Pessoal implica a gestão de uma 'Individualidade' - a imagem passada perante a sociedade e a comunidade na qual o individuo se insere e relaciona. Os seus valores, o seu percurso académico, profissional e social. As suas competências e habilidades.
O Marketing Pessoal deve utilizar as 'Ferramentas' que permitem transmitir e difundir a mensagem para assegurar a visibilidade e o reconhecimento da Identidade. Tem, por missão, captar, atrair e desenvolver relacionamentos (LEADS) interessantes do ponto de vista pessoal e profissional.
Na conjugação das duas disciplinas configura-se o conceito de 'Personal Branding' - a gestão da identidade, através das ferramentas adequadas, que permitem dar visibilidade aos valores e criar a 'Perceção'.
Personal Branding - YOU 2.0 on Social Media
This document discusses personal branding on social media. Personal branding is marketing oneself to others by communicating one's excellence. It involves creating profiles on social media platforms to network anytime and anywhere, working with partners, speaking for free, writing ebooks, gaining media exposure, serving charitable causes, getting awards, and monitoring how one's online presence grows over time. Personal branding is a journey of developing one's personal brand through various online and offline activities to become a thought leader and gain recognition.
Chayaporn portfolio (Latest Update @ Aug_2016)
Some of Knowledge & Work Experience in Marketing & Media since 1995.
เริ่มต้นสร้างแอพ Android Wear โดยโค้ชพล
Presentation ประกอบการบรรยาย "เริ่มต้นสร้างแอพ Android Wear ด้วย Android Studio" ที่ผมบรรยายในวันพุธที่ผ่านมานี้ครับ สำหรับผู้เริ่มต้นสามารถดู และศึกษาได้ง่ายๆ
เรียนรู้เพิ่มเติมได้ที่ www.nextflow.in.th/android-wear/
10 criteria for a successful ad
10 Criteria for a Successful Ad
Perhaps No ad will meet all of These criteria perfectly
Perhaps Not all of these criteria are applicable for each and every ad.
But these “Copy Chasers” criteria make good sense for you to consider when creating an ad to communicate your message.
Big data: what multinational clients think
Some highlights from research amongst WFA's multinational member companies, conducted in partnership with The Customer Framework.
Putting purpose into marketing
The document discusses findings from a study on consumer attitudes toward corporate purpose. Some key points:
- A survey of 8,000 consumers across 16 countries found that consumers now expect companies to have a clear sense of purpose beyond profits.
- When quality and price are equal, social purpose is becoming an increasingly important factor for many consumers when choosing brands.
- The study found that societal attributes like listening to customers and treating employees well are more important to building consumer trust than operational or financial attributes.
- Many consumers are willing to pay a premium for brands that support good causes, and say it's acceptable for companies to both support causes and make money. Regions like India, China, and some European
Current state of Adobe PhoneGap & Cordova (yes, iOS 8 too)
Teerasej Jiraphatchandej, as speaker in BKK Web Meetup's session, explain about current state of hybrid mobile application development technology, PhoneGap and Cordova, Ionic framework and iOS 8 touch id.
Front-end and web developer can gain benefit from PhoneGap/Cordova to create cross-platform mobile application development with HTML, CSS, Javascript.
Ionic framework for web developer
Introduction to Ionic Framework (and PhoneGap/Cordova) for web developer and AngularJS developer in NG-BKK Meetup 1st at PAH Space, Bangkok, Thailand.
Getting Started Ionic Framework (Thai): http://www.nextflow.in.th/ionic-framework/
Getting Started PhoneGap/Cordova (Thai): http://www.nextflow.in.th/phonegap/
What makes a great brand?
The World Federation of Advertisers has launched Project Reconnect, an initiative where we listen to what people really want from brands and advertising, in order to give marketers practical guidance and ensure that their behaviour is in tune with what people want and expect. In doing so, we have teamed up with We Are Social and talked with marketers about the marketing that they find most inspiring - the marketing that has built truly Great Brands. This presentation shares some of the discoveries we've made.
Media auditing in rapid growth markets
WFA webinar featuring Nick Manning of Ebiquity: focused on auditing in less mature advertising markets.
Responsive Image: ปัญหา แนวคิด และวิธีใช้งานในปัจจุบัน (กันยา 2014)
เรียนรู้ปัญหา แนวคิด และวิธีใช้งาน Responsive Image สำหรับ Responsive Web Design ในปัจจุบัน ที่มีความสำคัญต่อเว็บไซต์สำหรับอุปกรณ์พกพา
เรียนรู้ HTML5 Picture Element ได้ที่นี่ http://nextflow.in.th/html5/picture-element-for-responsive-image/
ดูตัวอย่างการใช้ Adobe Edge Reflow CC, CSS Background Image, HTML5 Picture Element, และ PictureFill.js
Personal Branding
The document discusses personal branding and provides steps to develop a personal brand. It explains that personal branding is the process of marketing oneself to others, just like celebrities and companies do. It then outlines 5 steps to develop a personal brand: 1) discover your brand by figuring out goals, passions, and how others perceive you, 2) create your brand and a branding toolkit with elements like business cards and online profiles, 3) create branding tools like a website and social media profiles, 4) create content to showcase your brand online, and 5) listen, talk and share to engage with others and become an expert in your field.
PhoneGap/Cordova: Push notification on Android
My presentation on PhoneGap/Cordova training at Rakuten's TARAD.com headquarter. It shows concept and overview before we go deep in project, code, and PushPlugin.
Invite me to help your team faster with PhoneGap/Cordova. Contact: training@nextflow.in.th
Viewers also liked (20)
Global Marketer Conference 2013 - Andy Fennell, CMO, Diageo
Global Marketer Conference 2013 - Andy Fennell, CMO, Diageo
Current state of Adobe PhoneGap & Cordova (yes, iOS 8 too)
Current state of Adobe PhoneGap & Cordova (yes, iOS 8 too)
Responsive Image: ปัญหา แนวคิด และวิธีใช้งานในปัจจุบัน (กันยา 2014)
Responsive Image: ปัญหา แนวคิด และวิธีใช้งานในปัจจุบัน (กันยา 2014)
Similar to Getting Started Adobe Edge Code CC & Brackets
Putting the A in JAMstack
This document discusses the JAMstack architecture and how it can be used to rebuild the Scotch.io website. It introduces key aspects of the JAMstack including JavaScript, APIs, and Markup. Popular headless CMSs that provide an API like Contentful, Prismic and Strapi are presented. Using a headless CMS with a static site generator like Gatsby, Hugo or Jekyll is demonstrated as a way to focus on content instead of building a custom CMS. Hosting the static site on DigitalOcean is presented as an affordable option.
HTML5 and Web Trends in 2013
A presentation that I used on stage in Web technology seminar at Mahidol University (Salaya), Thailand.
Created by Teerasej Jiraphatchandej.
All great photo credited to whoever linked to with the link under the photo.
Develop a vanilla.js spa you and your customers will love
Do you want to leverage HTML, CSS and JavaScripts APIs to deliver rich user experiences that outlive the framework du jour? Do You want to understand good front-end application architecture and performance principles. Then you want to build applications in Vanilla JS. Despite popular belief Vanilla JS is not as difficult to master and implement as you might think.
In this tutorial Chris Love will demonstrate how to apply many common web performance optimization, good architecture and tricks to build a fast, native-like application user experience customers desire without dependency on large, fast food frameworks.
This tutorial will demonstrate the following concepts:
- Applying the 14kb Rule for Instant Loading
- Markup Management
- Eliminating Excess AJAX Calls
- Working With and Around Application Cache
- Applying Service Workers and HTTP/2 For Even Better User Experiences
- Leveraging common browser APIs & good architecture
Starting with JavaScript
JavaScript can be used everywhere including web clients and applications. It is easy to start with JavaScript as there are many plug-and-play solutions available and you don't need to be a programmer. JavaScript is also easy to learn as the code is uncompiled and can be viewed directly, and there are many online resources and books available. The basic concepts of JavaScript like objects and conditionals are standard. To get started with JavaScript, all you need is a browser and text editor. Some gotchas to be aware of include differences across browsers, outdated examples, and reinventing solutions that frameworks provide.
Coding a SaaS
The document discusses how to build a Software as a Service (SaaS) application. It describes Chris's experience creating the scotch.io SaaS and outlines key considerations for building a new SaaS, including focusing on the core value proposition, outsourcing non-essential functions, and choosing technologies that allow for fast development like headless CMS, JAMstack architecture, and hosting on platforms like DigitalOcean. The overall message is that building a SaaS has become easier by leveraging existing tools and services rather than reinventing the wheel.
WHAT IS HTML5? (at CSS Nite Osaka)
This document discusses HTML5 and provides an overview of its key features. It explains that HTML5 is not just the HTML language, but also includes related APIs that allow richer functionality. Some of the major areas covered include semantics and accessibility, rich internet applications using new APIs, and specific technologies like canvas, video/audio, web storage, and web workers. The document emphasizes that HTML5 is still evolving and aims to unify web development across browsers.
Html5で変わるいろんなこと
This document discusses HTML5 and provides resources for learning more about it. It mentions that HTML5 was discussed at the 2010 WordCamp conference in Yokohama and that HTML5 includes new elements like header, footer, and section, as well as new features like canvas, video, audio, and offline web applications. It then provides links to articles and websites that provide more information on HTML5 APIs, demonstrations of HTML5, and tools for web designers related to HTML5.
Web Development Today
This document provides best practices for building modern web applications. It discusses choosing server-side technologies like the LAMP stack (Linux, Apache, MySQL, PHP), which is a common and advantageous option. It also covers the Model-View-Controller design pattern, which separates an application into these components. Models manage data, Views handle presentation, and Controllers process user input and pass data between Models and Views. The document recommends unobtrusive JavaScript, CSS for layout, and implementing AJAX after non-script functionality is established on the client-side. Overall, it outlines strategies for architecting robust and maintainable web applications.
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
This document discusses using edge computing technologies like content delivery networks (CDNs) to overcome technical barriers to SEO implementation and perform edge SEO. CDNs allow SEO implementations to be done serverlessly at the edge without touching origin source code. Examples of edge SEO include dynamically generating meta titles and tags, redirecting, AB testing, collecting pseudo server logs, and dynamically rendering JavaScript to resolve issues. Edge SEO provides benefits like speed, security, and enables implementations that may otherwise be restricted by platforms. Potential issues include impacting all requests and introducing latency, but recent developments have reduced these concerns.
LA RubyConf 2009 Waves And Resource-Oriented Architecture
Resource-Oriented Architecture (ROA) is an architectural style based on REST constraints that solves problems of past distributed computing approaches like RPC, CORBA, and SOA. It defines resources that can be manipulated through HTTP methods like GET, PUT, POST, and DELETE. The Waves framework makes it easy to build ROA applications in Ruby by providing a DSL for defining resources and handling HTTP requests through a uniform interface.
3d web
This document discusses bringing 3D to the web using technologies like WebGL, THREE.js, and Autodesk Forge. It provides examples of using 3D on the web for creative, commercial, and industrial purposes. Autodesk Forge and its Model Derivative API and Viewer are presented as easier options for adding 3D to the web compared to lower-level APIs like WebGL. Considerations for mobile and VR/AR are also mentioned.
MongoDB.local Atlanta: MongoDB Stitch Tutorial
This document summarizes a MongoDB "Hands On" Stitch tutorial presentation. The presentation provided an overview of MongoDB Atlas and Stitch, demonstrated a basic blog tutorial to show how quickly applications can be built, and had attendees complete a hands-on tutorial creating an Atlas cluster and Stitch application. It discusses how the tutorial enabled developers at various companies and events.
WWX 2013 Cocktail
Cocktail is an HTML and CSS based UI framework that uses the DOM API for interactivity. It allows designing UIs using HTML and CSS then adding behavior with Haxe and JavaScript. It works across platforms by separating the core from platform-specific ports. Current features include HTML markup, CSS styling, DOM and event support. Future plans include full CSS3 and HTML5 support. It is best for applications where adequate performance is sufficient, like game UIs, as layout and software rendering limit it to sub-60fps. Examples of uses include a video player and the My TF1 Connect platform.
TelerikNEXT What's new in UI for ASP.NET AJAX
This document summarizes the new features in UI for ASP.NET AJAX, including a Bootstrap theme for responsive design, improved RadNavigation, lightweight rendering for faster performance, and the new RadClientExportManager for exporting grids, charts, and other content to image, PDF, and SVG formats. It provides demos of these new features and encourages readers to provide feedback on the release.
Web matrix part 2
The document provides an overview and introduction to WebMatrix, a lightweight tool for developing web applications with ASP.NET. It discusses who WebMatrix is intended for, including hobbyist and student developers. Typical usage scenarios are building simple personal or community websites. The document outlines key features of WebMatrix, such as its integrated development environment, support for Razor syntax, and use of SQL Server Compact for database access. WebMatrix is positioned as complementary to Visual Studio .NET, targeting individual developers rather than professional teams.
HTML5: An Overview
Slides from an HTML5 overview session I presented at work...
This presentation has an accompanying sample webapp project: http://code.google.com/p/html5-playground
Using WordPress as a Backend for Your React Project
This document discusses using WordPress as a backend for a React project, creating a headless CMS. It recommends setting up WordPress and React development environments separately. The WordPress REST API allows accessing WordPress data as JSON that can be consumed by the React frontend. The document provides an example of building a React component that fetches a list of WordPress posts via the REST API and displays them. It also discusses hosting the WordPress backend and React frontend separately, such as using Netlify for the frontend and DigitalOcean for WordPress.
Intro to mobile web application development
Learn all the basics of web app development including bootstrap, handlebars templates, jquery and angularjs, as well as using hybrid app deployment on a phone.
10 things you can do to speed up your web app today 2016
Web Sites are to slow and this is costing businesses money. Most performance issues are easy to fix. In this session we review why web performance is important and 10 simple things you can do to make a faster user experience.
No Feature Solutions with SharePoint
These are my slides from my presentation for the Baton Rouge and New Orleans SharePoint user group meetings.
Similar to Getting Started Adobe Edge Code CC & Brackets (20)
Develop a vanilla.js spa you and your customers will love
Develop a vanilla.js spa you and your customers will love
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor
LA RubyConf 2009 Waves And Resource-Oriented Architecture
LA RubyConf 2009 Waves And Resource-Oriented Architecture
Using WordPress as a Backend for Your React Project
Using WordPress as a Backend for Your React Project
10 things you can do to speed up your web app today 2016
10 things you can do to speed up your web app today 2016
More from Teerasej Jiraphatchandej
Microsoft Power Page for Developer - ภาษาไทย
The presentation "Microsoft Power Pages for Developers" focuses on enabling developers to enhance Power Page websites. It covers the utilization of Power Platform Developer tools, Power Platform CLI, and Web Templates. Key components include the Liquid framework for dynamic content and Code Components for creating model-driven app fields and Power Page forms. It emphasizes on open-source solutions, navigating large websites, and manipulating data from Microsoft Dataverse. The guide aims to provide developers with the skills to customize and extend Power Page capabilities effectively.
"Microsoft Power Pages สำหรับนักพัฒนา" มุ่งเน้นให้นักพัฒนาสามารถเพิ่มศักยภาพของเว็บไซต์ Power Page ได้ ครอบคลุมการใช้เครื่องมือ Power Platform Developer, Power Platform CLI และ Web Templates ประกอบด้วยส่วนประกอบหลักอย่างเฟรมเวิร์ก Liquid สำหรับเนื้อหาที่เปลี่ยนแปลงได้ และ Code Components สำหรับสร้างฟิลด์ในแอปที่ขับเคลื่อนด้วยโมเดลและแบบฟอร์ม Power Page โดยเน้นที่โซลูชันแบบโอเพนซอร์ส และการจัดการข้อมูลจาก Microsoft Dataverse เพื่อให้นักพัฒนามีทักษะในการปรับแต่งและขยายความสามารถของ Power Page อย่างมีประสิทธิภาพ.
Azure DevOps with Power Automate - Guideline
The presentation "Azure DevOps with Power Automate" offers a guideline on integrating these platforms. It covers setting up the environment for collaboration and automating workflows, emphasizing custom automation scripts. The guide includes steps for enhancing CI/CD pipelines using Power Automate, providing best practices and case studies. It addresses common integration challenges and offers practical tips. The focus is on improving productivity and operational efficiency for IT professionals, project managers, and developers. For more detailed guidance, you can refer to the full presentation.
Getting Started Azure Cognitive Service Container
I spoke for the DevOps session in Azure Native Meetup #1, hosted by Cloud Native Bangkok User Group (https://www.facebook.com/groups/241737627118333). My session's topic focused on Azure Cognitive Service Container, which provides AI features to developer's applications by securing user's data in its domain.
So by using container technology, developers can use Microsoft's Cognitive Service image to run as a container in their environment and also be able to send only usage metrics to the provisioned Azure resource without sacrificing data privacy.
Power App - Wrap Sneak peek
As a speaker for the flash session in the Thailand Power Platform Community Meetup (https://www.facebook.com/events/5365544396829133), I introduced Wrap, a feature that turns your Power App into a native mobile application. So you can put branding into your power app solution with seamless workflow on Power Platform.
Software developer: Prepare for the real world
Invited by Silpakorn's bachelor of Sciences Program in Digital Technology for Design, I was a speaker to share ideas and experiences for graduated students about how to prepare for real-world employment.
.NET Bangkok Meetup #42 - Extract information from your document with Azure F...
.NET Bangkok Meetup #42 - Extract information from your document with Azure F...Teerasej Jiraphatchandej
As a speaker who joined .NET Bangkok Meetup in July 29th 2021. I gave and overview and demonstrated how to connect C#.NET Application to Azure Form Recognizer and extract useful information from a image of business card, and a quotation in Thai language..NET Conference 2020 - Introduction to Azure Form Recognizer
A presentation I used in .NET Conference 2020, as Microsoft MVP. I spoke about the problem that Form Recognizer want to solve, the service in details, and live demo in action.
Feel free to contact me: twitter : @teerasej
Introduction to Webometrics
Presentation นำเสนอประกอบการบรรยาย และ workshop เรื่อง Webometrics ผมใช้ Slide นี้ในการบรรยายให้แก่มหาวิทยาลัยมหิดล, เครือข่ายมหาวิทยาลัยราชภัฎ, และมหาวิทยาลัยแม่โจ้
ใน Slide นี้จะมีหัวข้อที่ใช้ในการทำความเข้าใจเบื้องต้นของ Webometrics แต่ส่วนข้อมูลสำคัญที่เป็นแผนภาพจะขอสงวนไว้ เพราะใช้เวลา และทุนในการจัดทำนะครับ
ผู้บรรยาย: ธีรเศรษฐ์ จิรภัทร์ชาญเดช (ผู้ให้คำปรึกษาจาก Sochiie.com)
ติดต่ออบรมสัมมนา: 083-071-3373
A presentation, used in webometric seminar. I used this slide for getting IT officer from Mahidol University and Rajaphat University Network to understand the result of execution on webometric in organisation level.
Instructor: Teerasej Jiraphatchandej
Contact for service: teerasej@sochiie.com
OK Flutter, Welcome to All platform era
ตัวสไลด์ Presentation ที่โค้ชพลใช้ใน session งาน Mobile Conference 2018 (#mobileconf18) โดยเน้นไปที่สถานะปัจจุบันของ Cross Platform Framework ต่างๆ ที่กำลังมุ่งไปสู่ All Platform จากนั้นก็จะเป็นเรื่องความง่ายในการเริ่มใช้ Google Flutter จากมุมมองของนักพัฒนา และสุดท้ายคือเน้นไปที่การเชื่อมต่อกับ Native API ที่น่าจะเป็นทิศทางที่ชัดเจนสำหรับ Cross Platform ในปีต่อไป
Presentation I used for a session in Thailand's Mobile Conference 2018. I focused on the current state of Cross platform development technology that is going into cover "All Platform". Then explain how easy (or hard) that you can learn Google Flutter. Also finished with the native integration that might suite your need.
What da Frontend? - How to start learning Front-end technology without pain.
What da Frontend? - How to start learning Front-end technology without pain.Teerasej Jiraphatchandej
This document discusses front-end web development and frameworks. It introduces various front-end standards like HTML, CSS, and JavaScript, as well as frameworks such as Angular, React, and Google Polymer. It emphasizes adopting standards and choosing frameworks based on their goals and capabilities. Examples of applications built with these frameworks are provided.Front-end อะไรเนี้ย? - เริ่มต้นเรียนรู้ และเข้าใจโลกของ Front-end Development...
Front-end อะไรเนี้ย? - เริ่มต้นเรียนรู้ และเข้าใจโลกของ Front-end Development...Teerasej Jiraphatchandej
สไลด์ประกอบการบรรยายของผม ในงาน Tech Talk ครั้งที่ 3 ที่จัดโดย Thomson Reuters ครับ
เข้าใจโลกของ Front-end Development ว่าเครื่องมือเยอะแยะบานตะไทอย่างนี้ จะเริ่มที่ไหน ควรรู้จักอะไรบ้าง และตัวเด่นๆ มีลักษณะอย่างไร เข้าใจง่ายสไตล์โค้ชพลเช่นเดิม
วิทยากรผู้บรรยาย: ธีรเศรษฐ์ จิรภัทร์ชาญเดชReact native - What, Why, How?
เรียนรู้และทำความเข้าใจเทคโนโลยี React Native ในการสร้างแอพพลิเคชั่นแบบ Native บน iOS และ Android
Understand React Native in Native Application Development for iOS and Android platform.
Speaker: ธีรเศรษฐ์ จิรภัทร์ชาญเดช
Group: iOS Developer Thailand Meetup #4
เรียนรู้ Node JS แบบสบายๆ สำหรับผู้เริ่มต้น
ในการอบรม MEAN Stack Workshop ของโค้ชพล จะมีการใช้ Node JS เป็นแกนหลัก เนื้อหาส่วนหนึ่งขอแชร์ไว้ให้คุณที่สนใจ ลองศึกษาดูได้ครับ สนใจจัดอบรมแบบเข้าใจถึงแก่น ใช้งานได้จริง ติดต่อ 083-071-3373
http://www.nextflow.in.th/mean-stack-training-workshop/
Angular JS: First look เริ่มต้น Angular JS กันแบบสบายๆ
สไลด์บางส่วนที่ใช้ประกอบการบรรยายเชิงปฏิบัติการเรื่อง Angular JS และ Ionic Framework สำหรับผู้เริ่มต้น โดยธีรเศรษฐ์ จิรภัทร์ชาญเดช ให้กับมหาวิทยาลัยเกษตรศาสตร์ ศูนย์บริการคอมพิวเตอร์ ในเดือนเมษายน ปี 2015
ดูรายละเอียดเพิ่มเติม http://www.nextflow.in.th/ionic-framework/
ติดต่อจัดอบรมในองค์กร: +66 (0) 83 071 3373
สร้าง Facebook Fan Page อย่างไร ให้ยั่งยืน [บรรยายในงาน LINE Creator Meeting 3]
สร้าง Facebook Fan Page อย่างไร ให้ยั่งยืน [บรรยายในงาน LINE Creator Meeting 3]Teerasej Jiraphatchandej
บรรยายด้าน Facebook Fan Page สำหรับนักวาดการ์ตูน นักออกแบบ LINE Sticker ว่าแฟนเพจที่เราๆ สร้างกันนั้น ถ้าบริหารดี รู้จักใช้เครื่องมือ รู้จักวางแผน และวัดผล มันจะเป็นเครื่องมือ Personal Branding ชั้นยอดเลย
ติดต่อบรรยายเรื่องการประยุกต์ใช้ เทคนิคการใช้เทคโนโลยีในสายอาชีพธุรกิจต่างๆ ติดต่อ 086-661-5058 โค้ชพลได้ครับLINE Creator Meeting Thailand #1: เริ่มต้นเรียนรู้การสร้าง LINE Sticker
สไลด์จาก LINE Creator Meeting ครั้งที่ 1 ในประเทศไทย งานมีตติ้งออนไลน์ สำหรับคนรักการวาดรูปและนักออกแบบ สร้าง LINE Sticker ขึ้น LINE Creator Market
ดูวิดีโอการมีตติ้งได้ที่นี่ http://www.youtube.com/watch?v=6uwk3eRrvC0
ติดตามมีตติ้งครั้งต่อไปที่ http://www.sochiie.com/line-creator-meeting/
เริ่มต้นกับ Google Analytic และวิธีตีความหมายข้อมูลที่ถูกต้อง
Seminar Training “Getting Started Google Analytic, Majestic SEO, and Ahrefs for Better Webometric website” IT Department, Mahidol University, Bangkok, Thailand.
Instructor: Teerasej Jiraphatchandej
See more course at: http://www.sochiie.com/google-analytic
โครงการสัมมนาเครือข่ายผู้ดูแลเว็บไซต์มหาวิทยาลัยมหิดล หัวข้อ “การใช้ Google Analytic, Majestic SEO และ Ahrefs เพื่อพัฒนาเว็บไซต์ให้เข้าหลักเกณฑ์ของ Webometric” ณ กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล ศาลายา
วิทยากร: ธีรเศรษฐ์ จิรภัทร์ชาญเดช
ดูหลักสูตรเพิ่มเติมได้ที่ http://www.sochiie.com/google-analytic
Adobe Muse คืออะไร? รู้จักกับ Adobe Muse CC แบบ Web Designer และ Web Developer
Adobe Muse คืออะไร? รู้จักกับ Adobe Muse CC แบบ Web Designer และ Web DeveloperTeerasej Jiraphatchandej
เรียนรู้การสร้างเว็บด้วย Adobe Muse CC ออนไลน์: http://wp.me/P2kPae-x4
Slide ในหัวข้อ "Adobe Muse CC: สร้างเว็บอย่างไรไม่ต้องเขียน code" แนะนำ Adobe Muse สำหรับ Web Designer และ Developer
วิทยากร: ธีรเศรษฐ์ จิรภัทร์ชาญเดช, User Group Manager, Thai Adobe Developer Community
Introduction to Adobe Muse CC: Design & Develop Website without code for web designer & web developer
Instructor: Teerasej Jiraphatchandej, User Group Manager Thai Adobe Developer CommunityAdobe edge animate for flash designer
How can Flash designer move to new authoring tools like Adobe Edge Animate CC.
Speaker: Teerasej Jiraphatchandej, User Group Manager, ThaiADC
Presented in a virtual meeting of Thai Adobe Developer Community.
Request speaker on web technology: teerasej@nextflow.in.th
Common optimization for Actionscript 3
The document discusses common optimizations for ActionScript 3 code. It provides guidelines for optimization, including avoiding optimization early in development, as some optimizations may not be noticeable to users. It also recommends avoiding filters and motion where possible. The document then provides tips for optimizations like using bitmaps, conserving memory through object type choices, reusing objects, letting the garbage collector free memory, activating and deactivating objects, and disabling mouse interactions. It is presented by Teerasej Jiraphatchandej, the user group manager of the Thai Adobe Developer Community.
More from Teerasej Jiraphatchandej (20)
.NET Bangkok Meetup #42 - Extract information from your document with Azure F...
.NET Bangkok Meetup #42 - Extract information from your document with Azure F...
.NET Conference 2020 - Introduction to Azure Form Recognizer
.NET Conference 2020 - Introduction to Azure Form Recognizer
What da Frontend? - How to start learning Front-end technology without pain.
What da Frontend? - How to start learning Front-end technology without pain.
Front-end อะไรเนี้ย? - เริ่มต้นเรียนรู้ และเข้าใจโลกของ Front-end Development...
Front-end อะไรเนี้ย? - เริ่มต้นเรียนรู้ และเข้าใจโลกของ Front-end Development...
Angular JS: First look เริ่มต้น Angular JS กันแบบสบายๆ
Angular JS: First look เริ่มต้น Angular JS กันแบบสบายๆ
สร้าง Facebook Fan Page อย่างไร ให้ยั่งยืน [บรรยายในงาน LINE Creator Meeting 3]
สร้าง Facebook Fan Page อย่างไร ให้ยั่งยืน [บรรยายในงาน LINE Creator Meeting 3]
LINE Creator Meeting Thailand #1: เริ่มต้นเรียนรู้การสร้าง LINE Sticker
LINE Creator Meeting Thailand #1: เริ่มต้นเรียนรู้การสร้าง LINE Sticker
เริ่มต้นกับ Google Analytic และวิธีตีความหมายข้อมูลที่ถูกต้อง
เริ่มต้นกับ Google Analytic และวิธีตีความหมายข้อมูลที่ถูกต้อง
Adobe Muse คืออะไร? รู้จักกับ Adobe Muse CC แบบ Web Designer และ Web Developer
Adobe Muse คืออะไร? รู้จักกับ Adobe Muse CC แบบ Web Designer และ Web Developer
Recently uploaded
skeleton System.pdf (skeleton system wow)
🔥🔥🔥🔥🔥🔥🔥🔥🔥
إضغ بين إيديكم من أقوى الملازم التي صممتها
ملزمة تشريح الجهاز الهيكلي (نظري 3)
💀💀💀💀💀💀💀💀💀💀
تتميز هذهِ الملزمة بعِدة مُميزات :
1- مُترجمة ترجمة تُناسب جميع المستويات
2- تحتوي على 78 رسم توضيحي لكل كلمة موجودة بالملزمة (لكل كلمة !!!!)
#فهم_ماكو_درخ
3- دقة الكتابة والصور عالية جداً جداً جداً
4- هُنالك بعض المعلومات تم توضيحها بشكل تفصيلي جداً (تُعتبر لدى الطالب أو الطالبة بإنها معلومات مُبهمة ومع ذلك تم توضيح هذهِ المعلومات المُبهمة بشكل تفصيلي جداً
5- الملزمة تشرح نفسها ب نفسها بس تكلك تعال اقراني
6- تحتوي الملزمة في اول سلايد على خارطة تتضمن جميع تفرُعات معلومات الجهاز الهيكلي المذكورة في هذهِ الملزمة
واخيراً هذهِ الملزمة حلالٌ عليكم وإتمنى منكم إن تدعولي بالخير والصحة والعافية فقط
كل التوفيق زملائي وزميلاتي ، زميلكم محمد الذهبي 💊💊
🔥🔥🔥🔥🔥🔥🔥🔥🔥
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Physical pharmaceutics notes for B.pharm students
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Iván Bornacelly, Policy Analyst at the OECD Centre for Skills, OECD, presents at the webinar 'Tackling job market gaps with a skills-first approach' on 12 June 2024
Wound healing PPT
This document provides an overview of wound healing, its functions, stages, mechanisms, factors affecting it, and complications.
A wound is a break in the integrity of the skin or tissues, which may be associated with disruption of the structure and function.
Healing is the body’s response to injury in an attempt to restore normal structure and functions.
Healing can occur in two ways: Regeneration and Repair
There are 4 phases of wound healing: hemostasis, inflammation, proliferation, and remodeling. This document also describes the mechanism of wound healing. Factors that affect healing include infection, uncontrolled diabetes, poor nutrition, age, anemia, the presence of foreign bodies, etc.
Complications of wound healing like infection, hyperpigmentation of scar, contractures, and keloid formation.
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
The History of NZ 1870-1900.
Making of a Nation.
From the NZ Wars to Liberals,
Richard Seddon, George Grey,
Social Laboratory, New Zealand,
Confiscations, Kotahitanga, Kingitanga, Parliament, Suffrage, Repudiation, Economic Change, Agriculture, Gold Mining, Timber, Flax, Sheep, Dairying,
Stack Memory Organization of 8086 Microprocessor
The stack memory organization of 8086 microprocessor.
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏)-𝐏𝐫𝐞𝐥𝐢𝐦𝐬
𝐃𝐢𝐬𝐜𝐮𝐬𝐬 𝐭𝐡𝐞 𝐄𝐏𝐏 𝐂𝐮𝐫𝐫𝐢𝐜𝐮𝐥𝐮𝐦 𝐢𝐧 𝐭𝐡𝐞 𝐏𝐡𝐢𝐥𝐢𝐩𝐩𝐢𝐧𝐞𝐬:
- Understand the goals and objectives of the Edukasyong Pantahanan at Pangkabuhayan (EPP) curriculum, recognizing its importance in fostering practical life skills and values among students. Students will also be able to identify the key components and subjects covered, such as agriculture, home economics, industrial arts, and information and communication technology.
𝐄𝐱𝐩𝐥𝐚𝐢𝐧 𝐭𝐡𝐞 𝐍𝐚𝐭𝐮𝐫𝐞 𝐚𝐧𝐝 𝐒𝐜𝐨𝐩𝐞 𝐨𝐟 𝐚𝐧 𝐄𝐧𝐭𝐫𝐞𝐩𝐫𝐞𝐧𝐞𝐮𝐫:
-Define entrepreneurship, distinguishing it from general business activities by emphasizing its focus on innovation, risk-taking, and value creation. Students will describe the characteristics and traits of successful entrepreneurs, including their roles and responsibilities, and discuss the broader economic and social impacts of entrepreneurial activities on both local and global scales.
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
The recent surge in pro-Palestine student activism has prompted significant responses from universities, ranging from negotiations and divestment commitments to increased transparency about investments in companies supporting the war on Gaza. This activism has led to the cessation of student encampments but also highlighted the substantial sacrifices made by students, including academic disruptions and personal risks. The primary drivers of these protests are poor university administration, lack of transparency, and inadequate communication between officials and students. This study examines the profound emotional, psychological, and professional impacts on students engaged in pro-Palestine protests, focusing on Generation Z's (Gen-Z) activism dynamics. This paper explores the significant sacrifices made by these students and even the professors supporting the pro-Palestine movement, with a focus on recent global movements. Through an in-depth analysis of printed and electronic media, the study examines the impacts of these sacrifices on the academic and personal lives of those involved. The paper highlights examples from various universities, demonstrating student activism's long-term and short-term effects, including disciplinary actions, social backlash, and career implications. The researchers also explore the broader implications of student sacrifices. The findings reveal that these sacrifices are driven by a profound commitment to justice and human rights, and are influenced by the increasing availability of information, peer interactions, and personal convictions. The study also discusses the broader implications of this activism, comparing it to historical precedents and assessing its potential to influence policy and public opinion. The emotional and psychological toll on student activists is significant, but their sense of purpose and community support mitigates some of these challenges. However, the researchers call for acknowledging the broader Impact of these sacrifices on the future global movement of FreePalestine.
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh
Educational Technology in the Health Sciences
Plenary presentation at the NTTC Inter-university Workshop, 18 June 2024, Manila Prince Hotel.
Recently uploaded (20)
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
NEWSPAPERS - QUESTION 1 - REVISION POWERPOINT.pptx
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...
SWOT analysis in the project Keeping the Memory @live.pptx
SWOT analysis in the project Keeping the Memory @live.pptx
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Getting Started Adobe Edge Code CC & Brackets
- 1. www.thaiadc.com Adobe Edge Code CC Teerasej Jiraphatchandej User Group Manager, ThaiADC ! ! ThaiADC Visual Meeting 3/2014
- 2. www.thaiadc.com ‘Pon’ Teerasej Jiraphatchandej User Group Manager, ThaiADC ! Facebook.com/teerasej Twitter.com/teerasej Youtube.com/user/teerasej! gplus.to/teerasej teerasej@gmail.com
- 10. www.thaiadc.com Adobe Edge Code CC • Light-weight and Fast • Based on open source project: Brackets • Build on HTML, CSS, Javascript • Free for Adobe Creative Cloud (Both free & subscription)
- 11. www.thaiadc.com Edge Code Feature • Live Preview • Quick Edit/ Inline Color Selector • Go to Definition • Code Hinting & Completion • Extension
- 12. www.thaiadc.com Edge Code Integration • Edge Web Font • Adobe Kuler • PhoneGap Build (early stage)
- 15. www.thaiadc.com Links • Adobe Kuler > https://kuler.adobe.com/ • PhoneGap Build > https://build.phonegap.com/
- 17. www.thaiadc.com Brackets • Based project for Edge Code CC • Open Source • Free
- 18. www.thaiadc.com Brackets Resource • Download > http://brackets.io/ • Extension > https://brackets- registry.aboutweb.com/
- 19. www.thaiadc.com Thank You Let Q&A Teerasej Jiraphatchandej User Group Manager, ThaiADC ! Search ‘teerasej’ or teerasej@gmail.com