new readme

1 - Access and secure data/2 - Write code that interacts with UI controls/readme.md

@@ -130,3 +130,7 @@ Tutorial followed: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial
 
 > Scalable Vector Graphics, SVG is a W3C XML dialect to mark up graphics. IT is partially implemented in Firefox, Opera, WebKit browsers, Internet Explorer and other browsers.
 
+SVG is an XML language, similar to XHTML, which can be used to draw vector graphics.
+
+SVG provides elements for circles, rectangles, and simple and complex curves. A simple SVG document consists of nothing more than the <svg> root element and several basic shapes that build a graphic together. In addition there is the <g> element, which is used to group several basic shapes together.
+

3 - Implement program flow/readme.md

@@ -0,0 +1 @@
+https://developer.mozilla.org/en-US/docs/AJAX

readme.md

@@ -1,17 +1,117 @@
 ### Implement and Manipulate Document Structures and Objects (20-25%)
 
-* Create the document structure by using HTML
-    * Structure the UI by using semantic markup, including markup for search engines and screen readers, such as Section, Article, Nav, Header, Footer, and Aside; create a layout container in HTML
-- [x] Write code that interacts with UI controls
+**- [x] Create the document structure by using HTML**
+    - [x] Structure the UI by using semantic markup, including markup for search engines and screen readers, such as Section, Article, Nav, Header, Footer, and Aside; 
+    - [x] create a layout container in HTML
+**- [x] Write code that interacts with UI controls**
     - [x] Programmatically add and modify HTML elements; 
-    * implement media controls; 
-    * implement HTML5 canvas and SVG graphics
-* Apply styling to HTML elements programmatically
-Change the location of an element; apply a transform; show and hide elements
-* Implement HTML5 APIs
-Implement storage APIs, AppCache API, and Geolocation API
-* Establish the scope of objects and variables
-Define the lifetime of variables; keep objects out of the global namespace; use the “this” keyword to reference an object that fired an event; scope variables locally and globally
-* Create and implement objects and methods
-Implement native objects; create custom objects and custom properties for native objects using prototypes and functions; inherit from an object; implement native methods and create custom methods
+    - [x] implement media controls; 
+    - [x] implement HTML5 canvas and SVG graphics
+- [ ] Apply styling to HTML elements programmatically
+    - [ ] Change the location of an element; 
+    - [ ] apply a transform; 
+    - [ ] show and hide elements
+- [ ] Implement HTML5 APIs
+    - [ ] Implement storage APIs, AppCache API, and Geolocation API
+- [ ] Establish the scope of objects and variables
+    - [ ] Define the lifetime of variables; 
+    - [ ] keep objects out of the global namespace; 
+    - [ ] use the “this” keyword to reference an object that fired an event; 
+    - [ ] scope variables locally and globally
+- [ ] Create and implement objects and methods
+    - [ ] Implement native objects; 
+    - [ ] create custom objects and custom properties for native objects using prototypes and functions; 
+    - [ ] inherit from an object; 
+    - [ ] implement native methods and create custom methods
 
+### Implement Program Flow (25-30%)
+
+- [ ] Implement program flow
+    - [ ] Iterate across collections and array items;
+    - [ ] manage program decisions by using switch statements, if/then, and operators;
+    - [ ] evaluate expressions
+- [ ]Raise and handle an event
+    - [ ] Handle common events exposed by DOM (OnBlur, OnFocus, OnClick);
+    - [ ] declare and handle bubbled events;
+    - [ ] handle an event by using an anonymous function
+- [ ]Implement exception handling
+    - [ ] Set and respond to error codes;
+    - [ ] throw an exception;
+    - [ ] request for null checks;
+    - [ ] implement try-catch-finally blocks
+- [ ]Implement asynchronous programming
+    - [ ] Receive messages from the HTML5 WebSocket API; 
+    - [ ] use JQuery to make an AJAX call; 
+    - [ ] wire up an event;
+    - [ ] implement a callback by using anonymous functions;
+    - [ ] handle the “this” pointer
+- [ ]Create a web worker process
+    - [ ] Start and stop a web worker;
+    - [ ] pass data to a web worker;
+    - [ ] configure timeouts and intervals on the web worker;
+    - [ ] register an event listener for the web worker;
+    - [ ] limitations of a web worker
+
+### Access and Secure Data (25-30%)
+
+- [ ] Validate user input by using HTML5 elements
+    - [ ] Choose the appropriate controls based on requirements;
+    - [ ] implement HTML input types and content attributes to collect user input
+- [ ] Validate user input by using JavaScript
+    - [ ] Evaluate a regular expression to validate the input format;
+    - [ ] validate that you are getting the right kind of data type by using built-in functions;
+    - [ ] prevent code injection
+- [ ] Consume data
+    - [ ] Consume JSON and XML data;
+    - [ ] retrieve data by using web services;
+    - [ ] load data or get data from other sources by using XMLHTTPRequest
+- [ ] Serialize, deserialize, and transmit data
+    - [ ] Handle binary data;
+    - [ ] handle text data such as JSON and XML;
+    - [ ] implement the JQuery serialize method;
+    - [ ] handle web forms with Form.Submit;
+    - [ ] parse data;
+    - [ ] send data by using XMLHTTPRequest;
+    - [ ] sanitize input by using URI/form encoding
+
+### Use CSS3 in Applications (25-30%)
+
+- [ ] Style HTML text properties
+    - [ ] Apply styles to text appearance;
+    - [ ] apply styles to a text font, including WOOF, @font-face, size, and understudy fonts;
+    - [ ] apply styles to text alignment, spacing, and indentation;
+    - [ ] apply styles to text hyphenation;
+    - [ ] apply styles for a text drop shadow
+- [ ] Style HTML box properties
+    - [ ] Apply styles to alter appearance attributes, including size, borders, rounded corners, outline, padding, and margin;
+    - [ ] apply styles to alter graphic effects, including transparency, opacity, background image, gradients, shadow, and clipping;
+    - [ ] apply styles to establish and change an element’s position
+- [ ] Create a flexible content layout
+    - [ ] Implement a layout using a flexible box model;
+    - [ ] implement a multi-column layout;
+    - [ ] implement a layout using position floating and exclusions;
+    - [ ] implement a layout using grid alignment;
+    - [ ] implement a layout using regions, grouping, and nesting
+- [ ] Create an animated and adaptive UI
+    - [ ] Animate objects by applying CSS transitions;
+    - [ ] apply 3-D and 2-D transformations;
+    - [ ] adjust UI based on media queries, including device adaptations for output formats, displays, and representations; hide or disable controls
+- [ ] Find elements by using CSS selectors and JQuery
+    - [ ] Choose the correct selector to reference an element;
+    - [ ] define element, style, and attribute selectors;
+    - [ ] find elements by using pseudo-elements and pseudo-classes
+- [ ] Structure a CSS file by using CSS selectors.
+    - [ ] Reference elements correctly;
+    - [ ] implement inheritance;
+    - [ ] override inheritance by using !important;
+    - [ ] style an element based on pseudo-elements and pseudo-classes
+
+### Main links used for study:
+
+* [Bloggedbychris](http://www.bloggedbychris.com/2012/09/19/microsoft-exam-70-480-study-guide/)
+
+* [Lambda3](https://www.lambda3.com.br/2016/04/certificacao-microsoft-70-480-programming-in-html5-with-javascript-and-css3/)
+
+* [BarbarianMeetsCoding](https://www.barbarianmeetscoding.com/blog/2015/03/15/on-how-i-passed-the-70-480-certification-exam/)
+
+* [MDN](https://developer.mozilla.org/pt-BR/) and [W3schools](https://www.w3schools.com/)