tag:engineers.sg,2005:/episodes?page=36Engineers.SG2024-03-19T01:55:45Ztag:engineers.sg,2005:Episode/35452019-07-04T11:38:57Z2024-01-29T02:01:21ZIntroduction to Kubernetes - Singapore Kubernetes User Group<iframe width="560" height="315" src="https://www.youtube.com/embed/LJbKN_YPnFU" frameborder="0" allowfullscreen></iframe><p>Speaker: James Buckett & Hunter Neild</p>
<p>Event Page: <a href="https://www.meetup.com/Singapore-Kubernetes-User-Group/events/261889093/">https://www.meetup.com/Singapore-Kubernetes-User-Group/events/261889093/</a></p>
<p>Produced by Engineers.SG
<br>Recorded by: Sabrina & Michael</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pnkX/">https://amara.org/v/pnkX/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35392019-07-03T15:02:09Z2024-02-01T18:00:50ZPreventing Image Reflow - Talk.CSS #41<iframe width="560" height="315" src="https://www.youtube.com/embed/N0ru-UoCPns" frameborder="0" allowfullscreen></iframe><p>Speaker: Ollie Monk</p>
<p>Event Page: <a href="https://www.meetup.com/SingaporeCSS/events/259235999/">https://www.meetup.com/SingaporeCSS/events/259235999/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pmpQ/">https://amara.org/v/pmpQ/</a></p>Ollie Monktag:engineers.sg,2005:Episode/35402019-07-03T14:53:30Z2024-03-16T02:01:21ZImplementing Trigonometry in SCSS and Lessons Learnt - Talk.CSS #41<iframe width="560" height="315" src="https://www.youtube.com/embed/Jhgc1X8qvAc" frameborder="0" allowfullscreen></iframe><p>Speaker: Liu Weiyuan</p>
<p>CSS is good. But there are limitations to what a stylesheet language can do. Weiyuan will take us through how SCSS can elevate our approach to CSS and adopt core engineering principles like code reuse and unit testing, all while recreating trigonometric functions in SCSS.</p>
<p>Event Page: <a href="https://www.meetup.com/SingaporeCSS/events/259235999/">https://www.meetup.com/SingaporeCSS/events/259235999/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pmpR/">https://amara.org/v/pmpR/</a></p>Liu Weiyuantag:engineers.sg,2005:Episode/35412019-07-03T14:52:04Z2024-03-17T01:00:43ZMaking Better Inputs with Pseudo-Elements - Talk.CSS #41<iframe width="560" height="315" src="https://www.youtube.com/embed/zLfLPj9GBww" frameborder="0" allowfullscreen></iframe><p>Speaker: Dylan Ho</p>
<p>Dylan will be sharing how Carousell uses ::before and ::after to override the browser’s default inputs like checkboxes and radio buttons.</p>
<p>Event Page: <a href="https://www.meetup.com/SingaporeCSS/events/259235999/">https://www.meetup.com/SingaporeCSS/events/259235999/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pmpS/">https://amara.org/v/pmpS/</a></p>Dylan Hotag:engineers.sg,2005:Episode/35422019-07-03T14:50:50Z2024-01-18T14:01:39ZPure CSS Mob - Talk.CSS #41<iframe width="560" height="315" src="https://www.youtube.com/embed/j7bx3CTkq-E" frameborder="0" allowfullscreen></iframe><p>Speaker: Nguyen Tuong Van</p>
<p>CSS has been used in creative ways to beautify articles on the web. How about taking a seat back and imagine CSS being used for purposes that we don’t encounter often in our everyday dev lives? In this sharing, Van will exchange her thoughts with the audience on CSS being used to make artworks and why she finds it an exhilarating journey.</p>
<p>Event Page: <a href="https://www.meetup.com/SingaporeCSS/events/259235999/">https://www.meetup.com/SingaporeCSS/events/259235999/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pmpT/">https://amara.org/v/pmpT/</a></p>Nguyen Tuong Vantag:engineers.sg,2005:Episode/35362019-07-02T16:19:31Z2023-08-20T03:01:34ZSilver Flexor Movelei - Hackware v5.3<iframe width="560" height="315" src="https://www.youtube.com/embed/kiHpj4lJyWI" frameborder="0" allowfullscreen></iframe><p>Speaker: Tay Jing Xuan and team</p>
<p>Event Page: <a href="https://www.facebook.com/events/378287119486251/">https://www.facebook.com/events/378287119486251/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3k/">https://amara.org/v/pl3k/</a></p>Tay Jing Xuantag:engineers.sg,2005:Episode/35372019-07-02T16:19:18Z2024-02-28T11:00:43ZFaux USB Drive with Rb Pi Zero W - Hackware v5.3<iframe width="560" height="315" src="https://www.youtube.com/embed/yVLEPy-hIlg" frameborder="0" allowfullscreen></iframe><p>Speaker: James Yong</p>
<p>Event Page: <a href="https://www.facebook.com/events/378287119486251/">https://www.facebook.com/events/378287119486251/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3l/">https://amara.org/v/pl3l/</a></p>James Yongtag:engineers.sg,2005:Episode/35382019-07-02T16:18:41Z2023-12-11T09:01:08ZFPGA Mister - Hackware v5.3<iframe width="560" height="315" src="https://www.youtube.com/embed/kKzrhBXQ6Vg" frameborder="0" allowfullscreen></iframe><p>Speaker: Brahim Hamadicharef</p>
<p>Event Page: <a href="https://www.facebook.com/events/378287119486251/">https://www.facebook.com/events/378287119486251/</a></p>
<p>Produced by Engineers.SG
<br>Recorded by: Yeo Kheng Meng</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3m/">https://amara.org/v/pl3m/</a></p>Brahim Hamadichareftag:engineers.sg,2005:Episode/35352019-07-02T15:31:19Z2024-02-17T02:00:48ZTesting from 0 to 100 - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/mqICUajF8Mo" frameborder="0" allowfullscreen></iframe><p>Speaker: Tai Shi Ling @taishiling</p>
<p>Unit tests... API tests... UI tests... mocha... chai... jasmine... cucumber... enzyme...?
<br>Want to introduce test automation to your project, but not sure where to start and what tools to use?
<br>Join this workshop!
<br>Learn strategies for planning your tests, bring your laptop for some hands-on on different testing techniques and libraries for testing the backend to the frontend on a RealWorld project, and finally let's hook your tests up to your favorite CI/CD!</p>
<p>Requirements:
<br>Bring a laptop. Have a recent web-browser, Git and NodeJS installed.</p>
<p>Shi Ling is the CEO and co-founder of UI-licious, a tool to help software teams rapidly test and monitor end-to-end user journeys for their web app. She's been building web apps since jQuery, obsessing over performance and padding, and these days testing and accessibility for the front-end. She can also do kung-fu, but these days she mostly code-foo.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3n/">https://amara.org/v/pl3n/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35342019-07-02T15:30:46Z2024-02-17T02:00:48ZBuild your first mobile & desktop app as a Progressive Web Application - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/Rschzf9R1cs" frameborder="0" allowfullscreen></iframe><p>Speaker: Noorulameen & Ritesh Mehrotra</p>
<p>Let's build PWA application with native mobile features such as push notification, background sync which will seamlessly work across Android, iOS, Windows, Mac and Linux.</p>
<p>Requirements:
<br>Bring a laptop. Attendees should make sure that they have their favourite code editor, an up-to-date version of Google Chrome as well as NodeJS installed (either LTS or Current)</p>
<p>Noorul works as a front-end development lead at Credit Suisse. His interests are Micro Front-ends, Progressive Web Applications and recently started exploring React Native. He is one of the co-organizer of an active meetup group "Tech Talks" in Singapore. When he is not programming, he likes to travel and play badminton. </p>
<p>Ritesh is a keen web developer and agile consultant. Spends most of his time in agile consulting and technical training with multiple teams, with focus on micro service and micro-front end development. He is an advocate of XP development practices, and co-organizer of the popular meetup based tech community - "TechTalks". On a leisure day, you might spot him with a camera on Singapore streets.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3o/">https://amara.org/v/pl3o/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35332019-07-02T15:23:35Z2024-03-07T14:00:54ZInteractive 3D Web Mapping - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/YhqpB58-wiQ" frameborder="0" allowfullscreen></iframe><p>Speakers: </p>
<p>Dylan Babbs @dbabbs
<br>Ignacio Julve Castro</p>
<p>In this workshop, get your hands dirty with harp.gl: a new web-based, open-source, 3D map visualization framework from HERE.
<br>You’ll learn how to:
<br>- Build and integrate high-performing and visually appearing 3D maps into your web applications
<br>- Customize the look and feel of your map to match your organization’s look and feel
<br>- Store and manage your geodata in the cloud with HERE XYZ in order to visualize it on a map
<br>- Develop compelling data visualizations with existing visualization layers and a data-driven styling grammar
<br>- Visualize complex 3D objects on a map</p>
<p>Requirements:
<br>Bring a laptop. Have a recent web-browser, Git and NodeJS installed together with npm, yarn, and lerna.</p>
<p>Dylan is a Product Manager for HERE Technologies in Seattle, WA working on APIs and developer tools for location-based technologies and maps. Dylan is interested in tools and techniques for visualization on the web and enjoys working with React.</p>
<p>Ignacio is an Engineering Manager at HERE Technologies, where he focusses on Cloud Services and Web Rendering. He is a strong advocate on being close to the real problems and getting his hands dirty. Trying always to face issues from the customer point of view so that the team works on the right topics.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3p/">https://amara.org/v/pl3p/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35322019-07-02T15:19:16Z2024-02-28T21:00:49ZIntroduction to Machine Learning with TensorFlow.js - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/luREBZqrOw4" frameborder="0" allowfullscreen></iframe><p>Speaker: Asim Hussain @jawache</p>
<p>Learn how to build and train Neural Networks using the most popular Machine Learning framework for JavaScript, TensorFlow.js. This is a practical workshop where you'll learn "hands-on" by building several different applications from scratch using TensorFlow.js. If you have ever been interested in Machine Learning, if you want to get a taste for what this exciting field has to offer, if you want to be able to talk to other Machine Learning/AI specialists in a language they understand, then this workshop is for you.</p>
<p>Requirements:
<br>Bring a laptop. Have a recent Google Chrome, Git and NodeJS installed. You will need to run a local web server and serve the contents of a directory if you don't know how to do that Asim recommends downloading VS Code and install the live server plugin.</p>
<p>Asim is a developer, trainer, author and speaker with over 18 years experience working for organisations such as the European Space Agency, Google and now Microsoft, where he is leading Developer Advocacy for EMEA.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3q/">https://amara.org/v/pl3q/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35312019-07-02T15:14:11Z2023-09-22T22:01:41ZWebassembly: Expectation vs. Reality - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/KU2tKJIjNIU" frameborder="0" allowfullscreen></iframe><p>Speaker: Patrick Walther</p>
<p>Web Assembly has arrived in all major browsers. With it being in plain sight instead of hidden behind browser flags we can start and bring our high performance applications to the browser. In this workshop we’re going to look at the basics of Web Assembly and see what is already in the browsers today and what is yet to come. From there we will implement a real performance heavy task in our browser. We will compare the performance of our Web Assembly code to a plain JavaScript version. Afterwards you will be able to decide when to use Web Assembly and what specific performance benefits It will give you.</p>
<p>Requirements:
<br>Bring a laptop. Have a recent web-browser, Git and NodeJS installed. If local wifi allows it we will be working with http-server package locally and access this from our smartphones. If not we might use a service like Zeit Cloud (<a href="https://zeit.co/now">https://zeit.co/now</a>).</p>
<p>Patrick started his programming journey as a Java Developer but became hooked on Web Development very quickly. At Zühlke he has been able to quickly gain a lot of expertise in various projects and industries transforming portals, platforms, calculators and many more applications into proper responsive web applications. His love for the web has grown through the years only surpassed by his love for burgers! So if you know the best burger place in Singapore, hit him up!</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3r/">https://amara.org/v/pl3r/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35302019-07-02T15:11:59Z2023-10-11T09:01:03ZJAMStack Jumpstart - Gatsby - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/s-l99ZzR77k" frameborder="0" allowfullscreen></iframe><p>Speaker: Shawn Wang @swyx</p>
<p>There is a lot of developer and investment interest in JAMStack technologies, from the serverless movement to new authentication models to continuous atomic deployment to the static site generator renaissance. But with so many new terms and options, it is hard for people to figure out where to start.
<br>This workshop will teach developers to set up a simple but state of the art Gatsby stack, which lets people create blazing fast sites and apps with React and GraphQL, backed up by a continuous deployment and serverless platform complete with authentication and CMS. It has never been easier to get a great Lighthouse score, or to deploy complex, secure webapps for free.</p>
<p>Requirements:
<br>Attendees should have git, Node.js and npm installed, and be proficient with JavaScript and React (including routing with @reach/router or react-router).
<br>Install the Gatsby CLI's ahead of time: npm install -g gatsby-cli
<br>You do not need to know GraphQL, but you can get a head start by reading <a href="https://graphql.org/learn/">https://graphql.org/learn/</a> and going through the Fundamentals section of <a href="https://www.howtographql.com/">https://www.howtographql.com/</a>.</p>
<p>Originally from Singapore, swyx is an Infinite Builder working on Developer Experience at Netlify. In his free time he helps people Learn in Public at Egghead.io and /r/reactjs.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3s/">https://amara.org/v/pl3s/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35292019-07-02T15:07:27Z2024-02-17T02:00:48ZBuild next gen web apps using web components - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/024ValVz1-8" frameborder="0" allowfullscreen></iframe><p>Speaker: Sumit Chaudhari @sumit_nitsurat</p>
<p>In today`s world the front end technology is evolving really fast. New frameworks are getting launched to simplify the developers life. But with the changing technology it`s really hard to move from one framework to another or update to the newest version.
<br>Web components is a relatively new standard enabling front end developers to create cross frameworks compatible components. it lets you write reusable components with native browser Api with zero external dependencies.
<br>In this workshop we will learn to build a web app with reusable components using web components (custom elements, Shadow DOM, Html templates, Modules). We will also get acquainted with helper library lit-element and how we can integrate these components with existing frameworks.</p>
<p>Requirements:
<br>Prior knowledge of HTML, JavaScript and CSS required in order to follow along.
<br>Please bring a laptop, preferably with NodeJS and administrator permissions to install new software. Don’t forget your favourite IDE for JavaScript development.</p>
<p>Sumit is a Software Consultant at Zenika Singapore. Curious and always interested in new technologies, he helps people to use the best practices known such as CI/CD, BDD, TDD, code reviews and so on. Sumit likes to share his knowledge with one and all via trainings, meet-ups and other tech events.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3t/">https://amara.org/v/pl3t/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35282019-07-02T15:00:51Z2024-02-17T02:00:48ZAdvanced Image Optimisation for Websites - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/De4Wiemg-h8" frameborder="0" allowfullscreen></iframe><p>Speaker: Inian Parameshwaran @everConfusedGuy</p>
<p>You will learn about different image formats, their tradeoffs, how different formats are under the hood and the how the browsers handle images.
<br>Based on this, we will look at different techniques to optimise images based on the device, network and the browser the user is using.
<br>We will be building an image optimisation pipeline which you can extend upon after the workshop. Having built such a pipeline at Dexecure, I will also talk about the challenges in building and maintaining such a reliable at such a pipeline the different gotchas to look out for in terms of performance, security, reliability and scalability.</p>
<p>Requirements:
<br>Bring a laptop. Have Node.js and a recent web-browser, Git and NodeJS installed.</p>
<p>Inian is the founder of a web performance company, Dexecure. He loves JavaScript, chocolates and anything related to web performance and security. He is a strong believer in the importance of having an open, decentralised and uncensored web ecosystem.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl3u/">https://amara.org/v/pl3u/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35272019-07-02T14:58:39Z2024-02-09T18:00:54ZDeploying and Building WebThings by Mozilla #1 - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/nKEPRk1OAXU" frameborder="0" allowfullscreen></iframe><p>Speaker: </p>
<p>Ryme Assaad @rymeassaad
<br>Mel El Azzi @mel_z_</p>
<p>We will demonstrate Mozilla’s WebThings Gateway, an IoT framework to protect user privacy and security, and to improve cross-brand interoperability. We will also show how to develop and build your own custom "web things" out of microcontroller boards. We will demonstrate javascript examples using the Moddable SDK, then get “hands-on” using MicroBlocks.</p>
<p>Requirements:
<br>Bring your laptop to participate in microcontroller programming using MicroBlocks and come to the workshop with MicroBlocks pre-installed. You can download the installer for your operating system and follow the setup instructions.</p>
<p>Ryme Assaad is cofounder & managing partner at Kapstone Co, myiolab and SEFY International
<br>She was a TechWomen fellow 2018 and interned at Mozilla.
<br>She is currently a TechSpeaker and working with the Mozilla Web of Things (WoT) community towards a decentralized Internet of Things with improved standards around security, privacy and interoperability.</p>
<p>Mel is a cybersecurity consultant at Booz Allen Hamilton, cofounder at Myiolab and a hardware hacker. She has extensive experience in industrial cybersecurity and testing.
<br>She won several awards, including the IoT-Leb hackathon (1st place), the Hack The Plan[e]t competition at Defcon 2018 (1st Runner Up), and the TechWomen 2018 Action Plan (implementing an IoT-based initiative)</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl0u/">https://amara.org/v/pl0u/</a></p>Engineers.SGtag:engineers.sg,2005:Episode/35262019-07-02T14:54:06Z2024-01-27T04:01:41ZSelling all the things: Building online payments in JS with Stripe - JSConf.Asia 2019<iframe width="560" height="315" src="https://www.youtube.com/embed/TGGajVx0Sn8" frameborder="0" allowfullscreen></iframe><p>Speaker:</p>
<p>Paul Asjes @paul_asjes
<br>Thorsten Schaeff @thorwebdev
<br>Chris Trudeau @trudeaucj</p>
<p>Ever wondered how to accept payments online from anywhere in the world with JavaScript? Learn how to build a simple payment system for an online shop using React, Node and vanilla JavaScript from Stripe engineers.</p>
<p>Requirements:
<br>Bring a laptop. Attendees should make sure that they have their favourite code editor, an up-to-date browser as well as NodeJS installed (either LTS or Current)</p>
<p>Paul is a developer support engineer at Stripe by day and a sleepy one at night. He helps companies get set up with Stripe in a variety of languages, but JavaScript is his favourite. He's written a book on Slack bots and likes to spend time underwater when not running around Singapore eating all the things.</p>
<p>Event Page: <a href="https://2019.jsconf.asia/">https://2019.jsconf.asia/</a></p>
<p>Produced by Engineers.SG</p>
<p>Help us caption & translate this video!</p>
<p><a href="https://amara.org/v/pl0v/">https://amara.org/v/pl0v/</a></p>Engineers.SG