際際滷shows by User: PatrickPacaa / http://www.slideshare.net/images/logo.gif 際際滷shows by User: PatrickPacaa / Tue, 20 Sep 2016 11:56:22 GMT 際際滷Share feed for 際際滷shows by User: PatrickPacaa Phaser presentation /slideshow/phaser-presentation/66210313 phaserpresentation-160920115622
Phaser presentation]]>
Phaser presentation]]> Tue, 20 Sep 2016 11:56:22 GMT /slideshow/phaser-presentation/66210313 PatrickPacaa@slideshare.net(PatrickPacaa) Phaser presentation PatrickPacaa Phaser presentation <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/phaserpresentation-160920115622-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Phaser presentation
Phaser presentation from Patrick John Pacaa
]]> 767 3 https://cdn.slidesharecdn.com/ss_thumbnails/phaserpresentation-160920115622-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 TypeScript Presentation /slideshow/typescript-presentation-64155352/64155352 typescriptpresentationv2-160719091251
際際滷 1 TypeScript * This presentation is to show TypeScript's major feature and the benefit that it brings to your JavaScript projects. * Our main objective is just to spark interest especially to those not familiar with the tool. 際際滷 2 - What is TypeScript * go to next slide 際際滷 3 - Is a superset of JavaScript * it simply means an extension to JavaScript - Use JavaScript code on TypeScript * JS code naturally works on TypeScript * Which also means your beloved JavaScript libraries such as JQuery, or your fancy interacive plugins would work as well. - TypeScript compiles to plain old JavaScript * TS code compiles to simple and clean JS. 際際滷 4 - Screenshot of TS compiled to JS * In this example, compiling a TS class code would result to a JS version, and a regular JavaScript function when compiled is basically untouched. 際際滷 5 - TypeScript's Main Feature * So what does TS provide us with? What does it actually do? 際際滷 6 - Static Type Checking * TypeScript allows us to enable type checking by defining data types to your for ex. variables, function parameters and return types. 際際滷 7 - Screenshot of basic Static Type Checking * In this example * What I've done here was to assign supposedly wrong values for what the variables or parameters were meant to hold * As JavaScript is a dynamic and untyped language these expressions would either fail or be okay when you run it on your browser. * In TypeScript by enabling static type checking these potential errors are caught earlier (see the red marks on the expressions) and wouldn't even allow you to compile unless these are resolved. * In addition you can also type arrays and object literals 際際滷 8 - Effects of Static Type Checking * As TS code is statically type-checked a side effect of such... - Allows IDEs to perform live error checks - Exposes auto-completion and code hinting 際際滷 9 - Screenshot of code hinting * Say I was coding JQuery on regular JavaScript code there would be no natural way to help me identify its class properties, methods and parameters... except through reading the API documentation or a separate plugin. * As a result of static type checking this allows IDE's to access these class members as code hints * So if this was a 3rd party library how much more if you are just referencing your own JavaScript/TypeScript files within your project. 際際滷 10 - A few of the other cool features * That was only the basic feature of TypeScript * A few of the other cool features are... 際際滷 11 - End]]>
際際滷 1 TypeScript * This presentation is to show TypeScript's major feature and the benefit that it brings to your JavaScript projects. * Our main objective is just to spark interest especially to those not familiar with the tool. 際際滷 2 - What is TypeScript * go to next slide 際際滷 3 - Is a superset of JavaScript * it simply means an extension to JavaScript - Use JavaScript code on TypeScript * JS code naturally works on TypeScript * Which also means your beloved JavaScript libraries such as JQuery, or your fancy interacive plugins would work as well. - TypeScript compiles to plain old JavaScript * TS code compiles to simple and clean JS. 際際滷 4 - Screenshot of TS compiled to JS * In this example, compiling a TS class code would result to a JS version, and a regular JavaScript function when compiled is basically untouched. 際際滷 5 - TypeScript's Main Feature * So what does TS provide us with? What does it actually do? 際際滷 6 - Static Type Checking * TypeScript allows us to enable type checking by defining data types to your for ex. variables, function parameters and return types. 際際滷 7 - Screenshot of basic Static Type Checking * In this example * What I've done here was to assign supposedly wrong values for what the variables or parameters were meant to hold * As JavaScript is a dynamic and untyped language these expressions would either fail or be okay when you run it on your browser. * In TypeScript by enabling static type checking these potential errors are caught earlier (see the red marks on the expressions) and wouldn't even allow you to compile unless these are resolved. * In addition you can also type arrays and object literals 際際滷 8 - Effects of Static Type Checking * As TS code is statically type-checked a side effect of such... - Allows IDEs to perform live error checks - Exposes auto-completion and code hinting 際際滷 9 - Screenshot of code hinting * Say I was coding JQuery on regular JavaScript code there would be no natural way to help me identify its class properties, methods and parameters... except through reading the API documentation or a separate plugin. * As a result of static type checking this allows IDE's to access these class members as code hints * So if this was a 3rd party library how much more if you are just referencing your own JavaScript/TypeScript files within your project. 際際滷 10 - A few of the other cool features * That was only the basic feature of TypeScript * A few of the other cool features are... 際際滷 11 - End]]> Tue, 19 Jul 2016 09:12:51 GMT /slideshow/typescript-presentation-64155352/64155352 PatrickPacaa@slideshare.net(PatrickPacaa) TypeScript Presentation PatrickPacaa 際際滷 1 TypeScript * This presentation is to show TypeScript's major feature and the benefit that it brings to your JavaScript projects. * Our main objective is just to spark interest especially to those not familiar with the tool. 際際滷 2 - What is TypeScript * go to next slide 際際滷 3 - Is a superset of JavaScript * it simply means an extension to JavaScript - Use JavaScript code on TypeScript * JS code naturally works on TypeScript * Which also means your beloved JavaScript libraries such as JQuery, or your fancy interacive plugins would work as well. - TypeScript compiles to plain old JavaScript * TS code compiles to simple and clean JS. 際際滷 4 - Screenshot of TS compiled to JS * In this example, compiling a TS class code would result to a JS version, and a regular JavaScript function when compiled is basically untouched. 際際滷 5 - TypeScript's Main Feature * So what does TS provide us with? What does it actually do? 際際滷 6 - Static Type Checking * TypeScript allows us to enable type checking by defining data types to your for ex. variables, function parameters and return types. 際際滷 7 - Screenshot of basic Static Type Checking * In this example * What I've done here was to assign supposedly wrong values for what the variables or parameters were meant to hold * As JavaScript is a dynamic and untyped language these expressions would either fail or be okay when you run it on your browser. * In TypeScript by enabling static type checking these potential errors are caught earlier (see the red marks on the expressions) and wouldn't even allow you to compile unless these are resolved. * In addition you can also type arrays and object literals 際際滷 8 - Effects of Static Type Checking * As TS code is statically type-checked a side effect of such... - Allows IDEs to perform live error checks - Exposes auto-completion and code hinting 際際滷 9 - Screenshot of code hinting * Say I was coding JQuery on regular JavaScript code there would be no natural way to help me identify its class properties, methods and parameters... except through reading the API documentation or a separate plugin. * As a result of static type checking this allows IDE's to access these class members as code hints * So if this was a 3rd party library how much more if you are just referencing your own JavaScript/TypeScript files within your project. 際際滷 10 - A few of the other cool features * That was only the basic feature of TypeScript * A few of the other cool features are... 際際滷 11 - End <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/typescriptpresentationv2-160719091251-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> 際際滷 1 TypeScript * This presentation is to show TypeScript&#39;s major feature and the benefit that it brings to your JavaScript projects. * Our main objective is just to spark interest especially to those not familiar with the tool. 際際滷 2 - What is TypeScript * go to next slide 際際滷 3 - Is a superset of JavaScript * it simply means an extension to JavaScript - Use JavaScript code on TypeScript * JS code naturally works on TypeScript * Which also means your beloved JavaScript libraries such as JQuery, or your fancy interacive plugins would work as well. - TypeScript compiles to plain old JavaScript * TS code compiles to simple and clean JS. 際際滷 4 - Screenshot of TS compiled to JS * In this example, compiling a TS class code would result to a JS version, and a regular JavaScript function when compiled is basically untouched. 際際滷 5 - TypeScript&#39;s Main Feature * So what does TS provide us with? What does it actually do? 際際滷 6 - Static Type Checking * TypeScript allows us to enable type checking by defining data types to your for ex. variables, function parameters and return types. 際際滷 7 - Screenshot of basic Static Type Checking * In this example * What I&#39;ve done here was to assign supposedly wrong values for what the variables or parameters were meant to hold * As JavaScript is a dynamic and untyped language these expressions would either fail or be okay when you run it on your browser. * In TypeScript by enabling static type checking these potential errors are caught earlier (see the red marks on the expressions) and wouldn&#39;t even allow you to compile unless these are resolved. * In addition you can also type arrays and object literals 際際滷 8 - Effects of Static Type Checking * As TS code is statically type-checked a side effect of such... - Allows IDEs to perform live error checks - Exposes auto-completion and code hinting 際際滷 9 - Screenshot of code hinting * Say I was coding JQuery on regular JavaScript code there would be no natural way to help me identify its class properties, methods and parameters... except through reading the API documentation or a separate plugin. * As a result of static type checking this allows IDE&#39;s to access these class members as code hints * So if this was a 3rd party library how much more if you are just referencing your own JavaScript/TypeScript files within your project. 際際滷 10 - A few of the other cool features * That was only the basic feature of TypeScript * A few of the other cool features are... 際際滷 11 - End
TypeScript Presentation from Patrick John Pacaa
]]> 4252 3 https://cdn.slidesharecdn.com/ss_thumbnails/typescriptpresentationv2-160719091251-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 https://public.slidesharecdn.com/v2/images/profile-picture.png https://cdn.slidesharecdn.com/ss_thumbnails/phaserpresentation-160920115622-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/phaser-presentation/66210313 Phaser presentation https://cdn.slidesharecdn.com/ss_thumbnails/typescriptpresentationv2-160719091251-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/typescript-presentation-64155352/64155352 TypeScript Presentation