Back To The Front - Javascript Test Driven Development is between us (workshop)Marco Cedaro
Javascript & browsers have been for years a complex and unsafe environment for a web developer, now we have the right tools to gain control on what we are distributing in our web applications. During the workshop you will learn first-hand basic Javascript Test Driven Development practices including testing, refactoring and related agile practices such as continuous integration and pair programming.
presented at italian Back To The Front conference /w @sirLisko
GAE for PHP - Google Cloud SQL and Cloud StorageChen Yi-Huan
The document discusses storing data using Google Cloud SQL and Google Cloud Storage. It provides instructions on creating a Cloud SQL instance, building a starter application and database, connecting to the database, and accessing and uploading files to Cloud Storage. Key steps include enabling billing, creating an App Engine application, granting access to the Cloud SQL instance, writing and reading files to Cloud Storage buckets, creating upload URLs for user uploads, and generating URLs for serving images from Cloud Storage.
This document provides the answer key to homework #7 for CHEM 444. It includes 3 chemistry problems dealing with equations of state for gases and thermodynamic derivatives. The solutions show the steps to derive the requested equations, citing relevant equations from the textbook. A point value is given for each part of each problem. Notes are included to explain aspects of the solutions and emphasize conceptual understanding over just citing equations.
1) The first integral evaluates to 4πi using the Cauchy integral formula applied to circles around z=1 and z=2.
2) The second integral evaluates the 4th derivative of e2z at z=-1 using a formula relating derivatives and contour integrals, giving a value of 24.
3) Both integrals are evaluated quickly using results from complex analysis without direct computation.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms for those who already suffer from conditions like anxiety and depression.
Flat Stanley visits his friend Harry in New Jersey. They go to the Ice Hut ice cream shop owned by Ben's family, where Flat gets mango Italian ice. They then visit Flat's cousin Gavin, Mikey, and Sean, whose house has adventures like Flat almost being eaten by an alligator named Bob that he tames. They stop at Flat's old school before going to a soccer game where Flat scores a goal and visits his friend Dan, giving their team luck to win the game.
DE HEUS is an international animal feed company headquartered in the Netherlands. It has subsidiaries across Europe and in South Africa, Vietnam, Russia, Egypt, and Ethiopia. DE HEUS has a central laboratory that conducts analyses of feed samples using techniques like Near Infrared Spectroscopy, wet chemistry methods to determine moisture, protein, fiber, ash, and fat content, Atomic Absorption Spectrophotometry, and the Kjeldahl method for crude protein analysis. The laboratory also precisely stores and labels samples for tracking.
The document summarizes the contributions of six major early modern dancers - Loie Fuller, Isadora Duncan, Ruth St. Denis, Ted Shawn, Charles Weidman, and Martha Graham. It discusses how each dancer pioneered new techniques that pushed boundaries and helped establish modern dance as a serious art form in the early 20th century. Many of their famous works are still performed today.
The document discusses various types of pumps, winches, steering engines, boilers, generators, and electric motors used on ships. It provides details on double-acting displacement pumps, gearwheel pumps, centrifugal pumps, anchor winches, steering engines, exhaust gas boilers, generators, transformers, and different types of electric motors including compound, synchronous, and asynchronous motors. The document compares their components, functions, advantages, and disadvantages.
The lubricating oil system begins with pumps drawing oil from the drain tank, which is often located in the double bottom of the ship. The oil passes through filters and a cooler to be cooled and purified before entering the distribution branches throughout the engine. Used oil returns to the drain tank through strainers and is purified again before being recirculated through the system. The drain tank has an air vent to release air and a sounding pipe and level gauge to monitor the oil level.
Back To The Front - Javascript Test Driven Development is between us (workshop)Marco Cedaro
Javascript & browsers have been for years a complex and unsafe environment for a web developer, now we have the right tools to gain control on what we are distributing in our web applications. During the workshop you will learn first-hand basic Javascript Test Driven Development practices including testing, refactoring and related agile practices such as continuous integration and pair programming.
presented at italian Back To The Front conference /w @sirLisko
GAE for PHP - Google Cloud SQL and Cloud StorageChen Yi-Huan
The document discusses storing data using Google Cloud SQL and Google Cloud Storage. It provides instructions on creating a Cloud SQL instance, building a starter application and database, connecting to the database, and accessing and uploading files to Cloud Storage. Key steps include enabling billing, creating an App Engine application, granting access to the Cloud SQL instance, writing and reading files to Cloud Storage buckets, creating upload URLs for user uploads, and generating URLs for serving images from Cloud Storage.
This document provides the answer key to homework #7 for CHEM 444. It includes 3 chemistry problems dealing with equations of state for gases and thermodynamic derivatives. The solutions show the steps to derive the requested equations, citing relevant equations from the textbook. A point value is given for each part of each problem. Notes are included to explain aspects of the solutions and emphasize conceptual understanding over just citing equations.
1) The first integral evaluates to 4πi using the Cauchy integral formula applied to circles around z=1 and z=2.
2) The second integral evaluates the 4th derivative of e2z at z=-1 using a formula relating derivatives and contour integrals, giving a value of 24.
3) Both integrals are evaluated quickly using results from complex analysis without direct computation.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against mental illness and improve symptoms for those who already suffer from conditions like anxiety and depression.
Flat Stanley visits his friend Harry in New Jersey. They go to the Ice Hut ice cream shop owned by Ben's family, where Flat gets mango Italian ice. They then visit Flat's cousin Gavin, Mikey, and Sean, whose house has adventures like Flat almost being eaten by an alligator named Bob that he tames. They stop at Flat's old school before going to a soccer game where Flat scores a goal and visits his friend Dan, giving their team luck to win the game.
DE HEUS is an international animal feed company headquartered in the Netherlands. It has subsidiaries across Europe and in South Africa, Vietnam, Russia, Egypt, and Ethiopia. DE HEUS has a central laboratory that conducts analyses of feed samples using techniques like Near Infrared Spectroscopy, wet chemistry methods to determine moisture, protein, fiber, ash, and fat content, Atomic Absorption Spectrophotometry, and the Kjeldahl method for crude protein analysis. The laboratory also precisely stores and labels samples for tracking.
The document summarizes the contributions of six major early modern dancers - Loie Fuller, Isadora Duncan, Ruth St. Denis, Ted Shawn, Charles Weidman, and Martha Graham. It discusses how each dancer pioneered new techniques that pushed boundaries and helped establish modern dance as a serious art form in the early 20th century. Many of their famous works are still performed today.
The document discusses various types of pumps, winches, steering engines, boilers, generators, and electric motors used on ships. It provides details on double-acting displacement pumps, gearwheel pumps, centrifugal pumps, anchor winches, steering engines, exhaust gas boilers, generators, transformers, and different types of electric motors including compound, synchronous, and asynchronous motors. The document compares their components, functions, advantages, and disadvantages.
The lubricating oil system begins with pumps drawing oil from the drain tank, which is often located in the double bottom of the ship. The oil passes through filters and a cooler to be cooled and purified before entering the distribution branches throughout the engine. Used oil returns to the drain tank through strainers and is purified again before being recirculated through the system. The drain tank has an air vent to release air and a sounding pipe and level gauge to monitor the oil level.
8. With jQuery, it’s as
simple as this...
// Get the html data.
$.get('ajax/test.html',function(data){
$('#results').append(data);
});
13年8月23⽇日星期五
9. With JavaScript, you would
style elements like this...
var elems = document.getElementsByClassName(‘ethan’),
len = elems.length,
i = 0;
for( i = 0; i < len; i++ ){
elems[i].style.backgroundColor = ‘green’;
}; before
after
13年8月23⽇日星期五
10. With jQuery, it’s just a
simple one-liner...
$(‘.ethan’).css(‘backgroundColor’,‘green’);
before
after
13年8月23⽇日星期五
12. “What does that mean?”
jQuery allows you to easily
select elements on a page
and manipulate or add some
new behaviour to them.
13年8月23⽇日星期五
13. What the jQuery can do?
• Simplifies traversing the DOM
• Powerful selection engine
• Eases element styling through JavaScript
• Powerful methods for element animation
• Cross-browser Ajax interactions
• DOM data-storage
• and more!
13年8月23⽇日星期五
16. jQuery
• It’s open-source
• Great for beginners wishing to ‘break’ into
front-end web development
• Developers from any other language
background can start using it easily
13年8月23⽇日星期五
19. How to use it?
• Create a new HTML file
• Include jQuery using <script> tag
• Load it from the Google CDN.This can be faster than
self-hosting
<script src=‘javascript/jquery-1.10.1.min.js’></script>
<script src=‘http://code.jquery.com/jquery-1.10.1.min.js’></script>
13年8月23⽇日星期五
20. Using jQuery
In most cases, your code should run when the
document has finished loading
<script type=‘text/javascript’>
$(document).ready(function(){
// your code should go here
});
// alternatively
$(function(){
// your code should go here
});
</script>
13年8月23⽇日星期五
21. What is $?
• $ is an alias to jQuery
• Code can either use $ or just jQuery
$(document).ready(function(){
// your code should go here
});
// same as...
jQuery(document).ready(function(){
// your code should go here
});
13年8月23⽇日星期五
29. What if I want to select
an element that’s a child
of another element?...
13年8月23⽇日星期五
30. <div class=‘welcome’></div>
<ul id=‘jquery’>
<li class=‘ethan’>micloud</li>
<li class=‘ethan’>Ethan</li>
<li class=‘ethan’>Team</li>
<li class=‘ethan’>mitac</li>
<li class=‘ethan’>HI</li>
</ul>
<input type=‘text’
name=‘ethanName’ value=’hi’ />
Filter Selectors
//first element in a result set
$(‘ul li:first’)
//last element in a result set
$(‘ul li:last’)
//all odd elements in a result set
$(‘ul li:odd’)
//all even elements
$(‘ul li:even’)
13年8月23⽇日星期五
31. <div class=‘welcome’></div>
<ul id=‘jquery’>
<li class=‘ethan’>micloud</li>
<li class=‘ethan’>Ethan</li>
<li class=‘ethan’>Team</li>
<li class=‘ethan’>mitac</li>
<li class=‘ethan’>HI</li>
</ul>
<input type=‘text’
name=‘ethanName’ value=’hi’ />
Filter Selectors
//first element in a result set
$(‘ul li:first’)
//last element in a result set
$(‘ul li:last’)
//all odd elements in a result set
$(‘ul li:odd’)
//all even elements
$(‘ul li:even’)
13年8月23⽇日星期五
32. <div class=‘welcome’></div>
<ul id=‘jquery’>
<li class=‘ethan’>micloud</li>
<li class=‘ethan’>Ethan</li>
<li class=‘ethan’>Team</li>
<li class=‘ethan’>mitac</li>
<li class=‘ethan’>HI</li>
</ul>
<input type=‘text’
name=‘ethanName’ value=’hi’ />
Filter Selectors
//first element in a result set
$(‘ul li:first’)
//last element in a result set
$(‘ul li:last’)
//all odd elements in a result set
$(‘ul li:odd’)
//all even elements
$(‘ul li:even’)
13年8月23⽇日星期五
33. <div class=‘welcome’></div>
<ul id=‘jquery’>
<li class=‘ethan’>micloud</li>
<li class=‘ethan’>Ethan</li>
<li class=‘ethan’>Team</li>
<li class=‘ethan’>mitac</li>
<li class=‘ethan’>HI</li>
</ul>
<input type=‘text’
name=‘ethanName’ value=’hi’ />
Filter Selectors
//first element in a result set
$(‘ul li:first’)
//last element in a result set
$(‘ul li:last’)
//all odd elements in a result set
$(‘ul li:odd’)
//all even elements
$(‘ul li:even’)
13年8月23⽇日星期五
34. Selectors
• Element selector
• ID and Class selectors
• Attribute selectors
• Pseudo selectors
• $(‘p’)
• $(‘div #things’)
• $(‘input[type=text]’)
• $(‘input:focus’)
An extremely powerful way to specify which elements you want.
13年8月23⽇日星期五
35. Effects
• Show and Hide
• Fade
• Animate
• more...!
• $(‘#ethan’).show()
• $(‘#ethan’).fadeOut()
• $(‘#ethan’).animate(...)
Making things look pretty.
13年8月23⽇日星期五
36. Event
• Events in general
• A problem
• bind() and live()
• Introducing on()
$(‘button’).click(function(){alert(‘Clicked!’)})
$(‘.cat’).click(function(){alert(‘Clicked!’)})
$(...).bind(...) $(...).live(...)
$(‘button’).on(‘click’, function(){alert(‘Clicked!’)})
Responding to user actions
13年8月23⽇日星期五