Twitter - Architecture and Scalability lessons

This is the slide deck from the popular "Introduction to Node.js" webinar with AMD and DevelopIntelligence, presented by Joshua McNeese. Watch our AMD Developer Central YouTube channel for the replay at https://www.youtube.com/user/AMDDevCentral.

This document contains an agenda and slides for a presentation on Spring Boot. The presentation introduces Spring Boot, which allows developers to rapidly build production-grade Spring applications with minimal configuration. It demonstrates how to quickly create a "Hello World" application using Spring Boot and discusses some of the features it provides out-of-the-box like embedded servers and externalized configuration. The presentation also shows how to add additional functionality like Thymeleaf templates and actuator endpoints to monitor and manage applications.

Backend development focuses on the server-side of web applications, including databases, data storage and retrieval, security, and APIs. The key skills required for backend development are proficiency in server-side programming languages like JavaScript, Python, Java, and C#, as well as knowledge of database technologies like MySQL, MongoDB, and SQL Server. Backend developers are responsible for designing effective backend solutions, storing and securing user data access across devices through APIs and version control systems.

고려대학교 컴퓨터학과에서 진행한 특강 "대학생 때 알았더라면 좋았을 것들"의 발표 자료입니다. 한참 고민이 많을 시기인 대학생 여러분들에게 도움이 되었으면 합니다.

React (or React Js) is a declarative, component-based JS library to build SPA(single page applications) which was created by Jordan Walke, a software engineer at Facebook. It is flexible and can be used in a variety of projects.

This document presents information on the MERN stack and how it can be used to build a Twitter clone application. It defines each component of the MERN stack: MongoDB for the database, ExpressJS for the backend framework, ReactJS for the frontend framework, and NodeJS as the runtime environment. It explains that MongoDB is a flexible NoSQL database, ExpressJS simplifies backend coding in NodeJS, ReactJS allows building user interfaces with JavaScript, and NodeJS enables running JavaScript on the server. The document outlines the main benefits of using the MERN stack, such as having a single coding language across front- and backend and the ability to build dynamic web apps quickly. It concludes by describing how to start the server and client for

NDC18에서 발표하였습니다. 현재 보고 계신 슬라이드는 1부 입니다.(총 2부) - 1부 링크: https://goo.gl/3v4DAa - 2부 링크: https://goo.gl/wpoZpY (SlideShare에 슬라이드 300장 제한으로 2부로 나누어 올렸습니다. 불편하시더라도 양해 부탁드립니다.)

Getting started with the reactjs, basics of reactjs, introduction of reactjs, core concepts of reactjs and comparison with the other libraries/frameworks

Are you tired of java.lang.OutOfMemoryError: PermGen space? Then this talk is for you! We'll begin with a crash course in the Java memory model in order to understand what the error message means. Then we'll look at different causes of the error and how to avoid them. We may glance at a few interesting mistakes from the Open Source world. Last but not least you'll learn how you can get rid of java.lang.OutOfMemoryError: PermGen space once and for all.

GraphQL is a query language for APIs and a runtime for fulfilling those queries. It gives clients the power to ask for exactly what they need, which makes it a great fit for modern web and mobile apps. In this talk, we explain why GraphQL was created, introduce you to the syntax and behavior, and then show how to use it to build powerful APIs for your data. We will also introduce you to AWS AppSync, a GraphQL-powered serverless backend for apps, which you can use to host GraphQL APIs and also add real-time and offline capabilities to your web and mobile apps. You can follow along if you have an AWS account – no GraphQL experience required! Level: Beginner Speaker: Rohan Deshpande - Sr. Software Dev Engineer, AWS Mobile Applications

ReactJS for Beginners provides an overview of ReactJS including what it is, advantages, disadvantages, typical setup tools, and examples of basic React code. Key points covered include: - ReactJS is a JavaScript library for building user interfaces and is component-based. - Advantages include high efficiency, easier JavaScript via JSX, good developer tools and SEO, and easy testing. - Disadvantages include React only handling the view layer and requiring other libraries for full MVC functionality. - Examples demonstrate basic components, properties, events, conditional rendering, and lists in ReactJS.

The document provides an introduction to web APIs and REST. It defines APIs as methods to access data and workflows from an application without using the application itself. It describes REST as an architectural style for APIs that uses a client-server model with stateless operations and a uniform interface. The document outlines best practices for REST APIs, including using HTTP verbs like GET, POST, PUT and DELETE to perform CRUD operations on resources identified by URIs. It also discusses authentication, authorization, security concerns and gives examples of popular REST APIs from Facebook, Twitter and other services.

The document provides an introduction to React, a JavaScript library for building user interfaces. It discusses key React concepts like components, properties, state, one-way data flow, and JSX syntax. It also covers setting up a development environment with Create React App and shows how to create a basic React component with state. The target audience appears to be people new to React who want to learn the fundamentals.

데이터야 놀자 2017 발표 자료. https://datayanolja.github.io/program-2017.html#jongmin.kim 검색엔진이 데이터를 다루는 법

흔히 만나는 실제 사례를 중심으로

React JS is a JavaScript library for building user interfaces. It uses a virtual DOM to efficiently update the real DOM and render user interfaces from components. Components are reusable pieces of UI that accept input data via properties but maintain private state data. The lifecycle of a component involves initialization, updating due to state/prop changes, and unmounting. React uses a single-directional data flow and the concept of components makes code modular and reusable.

elastic, resiliency, sharding, service discovery

En nuestro equipo enfocamos nuestros esfuerzos en recopilar datos para desarrollar una tabla de comparación que muestra el verdadero coste al mover dinero entre diferentes divisas. En su desarrollo, se nos ha presentado el reto de abstraernos de la propia tecnología elegida, en este caso React, para hacerlo compatible con cualquier cliente. Con esta charla quiero compartir las lecciones aprendidas convirtiendo la tabla en un componente web con el propósito de facilitar su distribución y la propagación de nuevas versiones con la mínima fricción para el cliente. Find out more presentations at https://madrid2018.codemotionworld.com/speakers/

If you are working on a serious project, you want it to scale. The thing about scale is, you only focus on it once you really need it. I’m the CTO of an soccer social network based in Brazil. To put it mildly, soccer is big in my country. This summer, we focused our marketing on the World Cup, preparing our application to support as many users as possible. To do that, we had to benchmark and improve, but how could we load test? What tool should we use? Those are just some questions that I'll go through in this talk, that will show youhot to address this challenge so stress test you app.

Slide deck for talk at the 2013 HTML5 Developers Conference in San Francisco. Covers the main BaaS critical success factors: SMART (Scalable, Mobile-ready, Available, Real-time enabled and Truly secure)

The document discusses how to build real-time web applications. It emphasizes storing data client-side and pushing changes to clients in real-time using technologies like websockets to avoid slow AJAX calls. Examples are given of building an auto-complete search and news ticker in a real-time manner by initially loading all data and then querying client-side or pushing updates via websockets. The key is avoiding roundtrips to databases by doing work client-side and using fast databases like Redis that support publishing changes.

Facebook has over 500 million active users, with half logging in every day. It processes over 4 trillion feed actions per day and caches over 2 trillion objects. Facebook has scaled to over 1 million active users per engineer, significantly more efficient than other large tech companies. To achieve this scale, Facebook relies on techniques like frequent small releases, dark launching of major changes, and shedding load during outages to maintain reliability as the site grows enormously.

We at Preply do our best to ensure that our website loads quicky as it has huge impact on business. In my talk I will explain: - why pageload metric is important from business standpoint and how to measure its impact. - how we evolved with our speed optimization technics starting from very basic ones(caching, orm optimizations) to more advanced(replicas, load-balancing) and the level where we are now(CDN optmization, microservices etc.) - I will talk about both front-end and backend optimization with focus on the stack we use: AWS, Django/Python, Postgres, Docker.

This is an older slide deck I realized I never uploaded. It is a slightly longer deck than the Night at the SPA deck. This features many concepts that are forerunners to the modern progressive web application. There are slides related to web performance best practices, JavaScript architecture, responsive web design, touch and much more.