| |
|
|
| |
EVENT DETAILS |
<P><STRONG>INTRO TO REACT<BR><EM>PS Javascript Workshop Series<BR>*Lunch provided both days</EM></STRONG></P>
<P><STRONG><IMG SRC="https://cdn.evbuc.com/eventlogos/77260477/unnamed.png"></STRONG></P>
<DIV>
<P><STRONG>Description:</STRONG></P>
<P>React is a library for building HTML user interfaces. It is the "view" in a Model-View-Controller application. Created by the UI wizards at Facebook, top websites like Instagram, Netflix, Airbnb, Bleacher Report & Feedly use it. React is the 6th most starred project on GitHub & grows more popular every day.</P>
<P>In this two-day workshop, we will introduce you to React. On the first day, we will work through a series of increasingly more complicated tutorial exercises. Along the way, we will explain concepts like JSX, immutability, statefulness, one-way data flow, components, & virtual DOM.</P>
<P>With the basics out of the way, we will spend the second-day building a complex application which will put React through its paces & give us a chance to explore most of its features. Then we will learn how to think in React. We will show you how to go from design to components to working application. We will wrap the weekend with a quick preview of React Native, which allows you to use your React skills to create cross-platform mobile apps.</P>
<P><BR></P>
<P><STRONG>Syllabus:</STRONG></P>
<UL>
<LI>
<P><SPAN>Day One</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>Setting up</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>Installing Node</SPAN></P>
</LI>
<LI>
<P><SPAN>Package.json</SPAN></P>
</LI>
<LI>
<P><SPAN>Webpack</SPAN></P>
</LI>
<LI>
<P><SPAN>Babel</SPAN></P>
</LI>
<LI>
<P><SPAN>Hello React</SPAN></P>
</LI>
<LI>
<P><SPAN>ES6 Quickly</SPAN></P>
</LI>
</UL>
<LI>
<P><SPAN>Components & JSX</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>The React Libraries</SPAN></P>
</LI>
<LI>
<P><SPAN>Component Composition</SPAN></P>
</LI>
<LI>
<P><SPAN>Properties</SPAN></P>
</LI>
<LI>
<P><SPAN>State</SPAN></P>
</LI>
</UL>
<LI>
<P><SPAN>React & the DOM</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>Events</SPAN></P>
</LI>
<LI>
<P><SPAN>Hands-on: Event Handling</SPAN></P>
</LI>
<LI>
<P><SPAN>Attributes</SPAN></P>
</LI>
<LI>
<P><SPAN>Hands-on: Attribute passing</SPAN></P>
</LI>
</UL>
<LI>
<P><SPAN>Deeper JSX</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>Conditionals</SPAN></P>
</LI>
<LI>
<P><SPAN>Comments</SPAN></P>
</LI>
<LI>
<P><SPAN>Hands-on: Conditionals</SPAN></P>
</LI>
<LI>
<P><SPAN>XSS</SPAN></P>
</LI>
<LI>
<P><SPAN>Element Factories</SPAN></P>
</LI>
<LI>
<P><SPAN>Styling</SPAN></P>
</LI>
<LI>
<P><SPAN>Hands-on: JSX & Styling</SPAN></P>
</LI>
</UL>
<LI>
<P><SPAN>Forms</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>Submission</SPAN></P>
</LI>
<LI>
<P><SPAN>Validation</SPAN></P>
</LI>
<LI>
<P><SPAN>Hands-on: Forms</SPAN></P>
</LI>
</UL>
<LI>
<P><SPAN>Building Apps with Components</SPAN></P>
</LI>
<UL>
<LI>
<P><SPAN>Defaults</SPAN></P>
</LI>
<LI>
<P><SPAN>Property types</SPAN></P>
</LI>
<LI>
<P><SPAN>Custom types</SPAN></P>
</LI>
<LI>
<P><SPAN>Hands-on: built-in & custom types</SPAN></P>
</LI>
<LI>
<P><SPAN>Composition</SPAN></P>
</LI>
</UL>
</UL>
</UL>
</DIV>
<DIV CLASS="yj6qo ajU">
<DIV CLASS="ajR" ROLE="button"><IMG SRC="https://ssl.gstatic.com/ui/v1/icons/mail/images/cleardot.gif"></DIV>
</DIV>
<P><STRONG>INSTRUCTOR:</STRONG></P>
<P><IMG SRC="https://s.evbuc.com/https_proxy?url=http%3A%2F%2Fphotos2.meetupstatic.com%2Fphotos%2Fevent%2Fa%2Fc%2F4%2F9%2F600_447884105.jpeg&sig=ADR2i7_ZC94J7sFVZcvI6ZgZCXzPnbouVA"></P>
<P><I><STRONG>Instructor, Troy Miles</STRONG><BR>Troy Miles is a senior software engineer & instructor. He is exceptionally skilled at full stack development with experience using both ASP.NET MVC & Node.js on the backend, SQL Server or MongoDB as the database & web or mobile on the front-end. He is also skilled in C#, Objective C, Java, & JavaScript well. He posses deep knowledge of the following frameworks: AngularJS, jQuery, jQuery Mobile, PhoneGap, Backbone, Ember, Jasmine, & Mocha.</I><BR></P>
<P><SPAN><BR></SPAN></P>
<P><SPAN>About PeopleSpace Professional Development Series:</SPAN></P>
<P>Our Professional Development Series for working developers aim to enhance our resume, expand our skills & add new outlook to the OC technical community. Our workshops provide a platform for more indepth exploration of new technologies, methodologies & concepts.</P>
<P>For more info. & upcoming workshops:</P>
<P><A HREF="http://peoplespace.us/professional-development/" TARGET="_blank" REL="noopener noreferrer noopener nofollow noopener noreferrer nofollow nofollow noreferrer nofollow">http://peoplespace.us/professional-development/</A></P>
<P><BR></P>
|
|
|
|
|
|
