Minimal MVC in JavaScript
2 likes2,701 views
The document outlines a presentation on implementing the Model-View-Controller (MVC) design pattern using JavaScript. It discusses the roles of the model, view, and controller, along with practical coding examples and a recipe for building an MVC framework. The conclusion emphasizes that MVC is a powerful pattern that simplifies problems and encourages flexibility beyond existing frameworks.
1 of 88
Downloaded 18 times
Ad
Recommended
Concurrency in Python
Concurrency in PythonMosky Liu The document discusses concurrency in Python, focusing on multithreading and multiprocessing, their benefits and challenges, and techniques to handle shared resources effectively. It highlights the producer-consumer pattern, the importance of avoiding race conditions, and offers practical advice on using Python's threading and multiprocessing modules. The conclusion emphasizes the necessity of monitoring, benchmarking code, and smarter result collection methodologies.
Learning Git with Workflows
Learning Git with WorkflowsMosky Liu The document is a presentation on learning Git, focusing on common workflows and essential commands rather than exhaustive explanations of all options. It includes practical guidance on setup, configuration, committing changes, branching, and collaboration using remote repositories. The author, Mosky, is a Python engineer and trainer who provides tips and outlines effective Git practices for co-working environments.
Learning Python from Data
Learning Python from DataMosky Liu The document provides a comprehensive guide to learning Python, including resources, fundamental concepts, and practical examples. It covers installation procedures, essential libraries, web scraping, and database interactions using SQLite, along with code samples for hands-on learning. Additionally, it offers recommendations for books and online documentation to enhance learners' understanding of Python programming.
Graph-Tool in Practice
Graph-Tool in PracticeMosky Liu The document provides an overview of graph-tool, a powerful and efficient network analysis tool for Python that utilizes fast algorithms and visualization capabilities. It outlines the process of creating, visualizing, and analyzing graphs, and discusses various centrality measures and algorithms applicable in network analysis. Additionally, it emphasizes the need for defining problems graphically, parsing raw data, and employing filtering and visualization techniques to derive insights.
Elegant concurrency
Elegant concurrencyMosky Liu The document discusses the complexities of concurrency in programming, emphasizing the importance of utilizing concepts such as Communicating Sequential Processes (CSP) and channel-based communication to enhance clarity and correctness in concurrent systems. It contrasts traditional concurrency methods like threading and locks against CSP, advocating for the use of channels to simplify communication between concurrent units. The author presents examples and coding strategies while covering topics like atomic operations, error handling, and the benefits of avoiding shared memory pitfalls.
Practicing Python 3
Practicing Python 3Mosky Liu The document provides examples of how Python is used in different domains such as websites, desktop applications, science, embedded systems, and more. It also discusses why Python is popular due to its readability, ease of learning, rich libraries, and ability to be sped up with tools like Numba and Cython. The document outlines topics for learning Python including primitives, control flow with if/while statements, composites like lists and dictionaries, and for loops. It recommends keeping learning through tutorials, documentation, and communities.
Syncing up with Python’s asyncio for (micro) service development, Joir-dan Gumbs
Syncing up with Python’s asyncio for (micro) service development, Joir-dan GumbsPôle Systematic Paris-Region This document provides an overview of using asyncio for asynchronous programming in Python. It discusses what asyncio is and some key concepts like coroutines, the event loop, and the await keyword. It then demonstrates several examples of using asyncio to run asynchronous functions with coroutines, gather futures, handle synchronous code, and iterate over async iterators/generators. Common asyncio packages for web applications, databases, and networking are also mentioned.
How do event loops work in Python?
How do event loops work in Python?Saúl Ibarra Corretgé The document discusses how event loops function in Python, demonstrating with examples using sockets, threads, and I/O multiplexing techniques for handling multiple client connections. It covers various I/O multiplexers like select, epoll, kqueue, and introduces libuv as a powerful cross-platform networking library. Additionally, it highlights Python's async I/O challenges and introduces PEP 3156 to provide uniform event loop implementations across different frameworks.
Lock? We don't need no stinkin' locks!
Lock? We don't need no stinkin' locks!Michael Barker This document discusses memory models, non-blocking primitives, and lock-free algorithms for concurrent programming. It provides code examples for implementing atomic operations like set, compareAndSet, and lazySet using the Unsafe class. It evaluates the performance of different producer-consumer algorithms like spin-wait, co-operative yielding, and buffering. The document suggests buffering generally performs best by avoiding busy-waiting and allowing other threads to run. It provides references for further information on lock-free programming.
Asynchronous I/O in Python 3
Asynchronous I/O in Python 3Feihong Hsu The document discusses PEP 3156, which introduces a new event loop API for asynchronous I/O in Python 3, aiming for compatibility with existing frameworks. It contrasts programming with Twisted and Tulip through analogies and describes core concepts like coroutines and tasks, emphasizing ease of use and management over callback-based approaches. Additionally, it highlights the simplicity of the HTTP API within Tulip and introduces a tiny web framework named Viol based on it.
iSoligorsk #3 2013
iSoligorsk #3 2013Friedrich Boeckh The document provides an introduction to Clojure by listing various resources about Clojure including websites, videos, papers and books. It discusses key aspects of Clojure such as its Lisp heritage, functional programming principles, namespaces, polymorphism using protocols and multimethods, and concurrency features using Software Transactional Memory. The document also compares Clojure to other Lisps and outlines Clojure's basic syntax where code is represented as data structures.
Async programming and python
Async programming and pythonChetan Giridhar The document provides an overview of asynchronous programming in Python. It discusses how asynchronous programming can improve performance over traditional synchronous and threaded models by keeping resources utilized continuously. It introduces key concepts like callbacks, coroutines, tasks and the event loop. It also covers popular asynchronous frameworks and modules in Python like Twisted, Tornado, gevent and asyncio. Examples are provided to demonstrate asynchronous HTTP requests and concurrent factorial tasks using the asyncio module. Overall, the document serves as an introduction to asynchronous programming in Python.
Beyond JVM - YOW! Sydney 2013
Beyond JVM - YOW! Sydney 2013Charles Nutter The document discusses strategies for improving the startup performance of JRuby. It describes how the JRuby team optimized startup by using a Java-heavy JDK instead of native code, tweaking JVM flags, and implementing Drip - a technique that pre-boots the JVM and caches runtime configurations between runs. Drip reduced JRuby startup times from over 10 seconds to under 1 second for many common tasks. Later, it discusses challenges with JNI and how the Java Native Runtime (JNR) provides a better alternative for interfacing Java with native code and libraries.
Effective Benchmarks
Effective BenchmarksWorkhorse Computing The document discusses benchmarks, emphasizing the difference between performance and functionality measurements and the importance of controlled testing environments. It outlines methods to minimize confusion and obtain accurate timing data for software and hardware tests while setting baselines for various units of work. The author advocates for specific strategies to avoid common pitfalls in benchmarking, including the use of the Perl benchmarking tools and monitoring system performance during tests.
Unit Testing Lots of Perl
Unit Testing Lots of PerlWorkhorse Computing The document discusses the stagnation of Perl 5.8 and the challenges faced in transitioning to newer versions due to lack of testing. It emphasizes the importance of unit testing, sharing experiences from a case where 75,000 modules were tested to validate their functionality. The author proposes methods for automated testing and urges the use of testing to ensure compatibility with upcoming versions of Perl.
How to inspect a RUNNING perl process
How to inspect a RUNNING perl processMasaaki HIROSE The document presents methods for inspecting running Perl processes, focusing on troubleshooting issues like memory leaks and infinite loops. It reviews existing tools such as 'strace' and 'gdb', while introducing a new tool called 'inspect-perl-proc' which allows users to attach to a Perl process and execute arbitrary code with minimal dependencies. Additionally, the document explains how to gather stack traces, memory usage, and loaded module information from a Perl process.
Golang Performance : microbenchmarks, profilers, and a war story
Golang Performance : microbenchmarks, profilers, and a war storyAerospike The document discusses Aerospike, a high-performance NoSQL database, highlighting its speed advantages over other databases and its development history. It showcases the achievements of Brian Bulkowski, who leads the company, and details the performance metrics of Aerospike in comparison to competing technologies. Additionally, the document covers benchmarks, client tuning, and the benefits of using the Go programming language with Aerospike.
Perl Dist::Surveyor 2011
Perl Dist::Surveyor 2011Tim Bunce This document describes Dist::Surveyor, a tool created by Tim Bunce to determine which CPAN distributions and versions are installed on a system by analyzing the contents of a local Perl library directory. It discusses the challenges involved and different approaches considered. The key features of Dist::Surveyor are that it uses MetaCPAN to match installed module files to candidate distributions, scores distributions based on included modules, and can generate a list of exact distributions to reinstall a matching library.
Python, do you even async?
Python, do you even async?Saúl Ibarra Corretgé The document discusses asynchronous I/O in Python, emphasizing different methods and frameworks for handling multiple clients, including threads and I/O multiplexing. It introduces asyncio as a modern implementation for asynchronous programming in Python, outlining its goals, components, and usage examples, as well as discussing integration with other frameworks and the challenges of I/O operations. The document concludes with references for further reading and encourages the implementation of projects using asyncio.
What you need to remember when you upload to CPAN
What you need to remember when you upload to CPANcharsbar Perlのモジュールを公開するときに気をつけておいた方がよい個のこと
This document provides tips for publishing Perl modules to CPAN. It discusses things to be aware of such as distributions being permanently archived on BackPAN even if deleted, CPAN accepting almost anything, and several testing services that can improve modules like PAUSE, CPAN Testers, CPANTS, and more. It also covers best practices for metrics evaluated by these services around availability, integrity, file layout, prerequisites and more. Developers are encouraged to use better tools from the Perl Toolchain Gang to avoid issues.
Event loop
Event loopcodepitbull The document discusses concepts related to event loops and concurrency in programming. It includes code snippets in Java showing the use of NIO selectors and channels for non-blocking I/O. Diagrams are shown illustrating reactor patterns and Vert.x modules deployed across multiple CPUs. The summary provides an overview of the main topics and techniques discussed in the technical document.
PL/Perl - New Features in PostgreSQL 9.0 201012
PL/Perl - New Features in PostgreSQL 9.0 201012Tim Bunce This document summarizes new features for PL/Perl in PostgreSQL 9.0. It introduces new built-in functions for quoting, encoding bytea, and checking if a value looks like a number. It allows arbitrary Perl code to be executed via DO statements. The NYTProf profiler can now profile PL/Perl code. Security and performance improvements include removing the Safe module and validating return encodings.
Profiling and optimizing go programs
Profiling and optimizing go programsBadoo Development This document covers profiling and optimization techniques for Go programs, presented by Marko Kevac. It discusses methods for profiling on different operating systems, how to visualize performance data, and various tools available for benchmarking Go code. Additionally, it explains the inner workings of pprof, its pros and cons, and introduces SystemTap for further system-level profiling.
Sphinx autodoc - automated api documentation - PyCon.KR 2015
Sphinx autodoc - automated api documentation - PyCon.KR 2015Takayuki Shimizukawa The document presents a talk by Takayuki Shimizukawa on Sphinx, a documentation generator for Python projects, focusing on how to write effective docstrings and utilize Sphinx extensions like autodoc and autosummary for automated API documentation. It discusses the history and advantages of using Sphinx, showcases various examples of its applications, and provides a detailed guide on setting up a Sphinx project alongside best practices for incorporating docstrings and testing documentation. Additionally, the presentation addresses common hurdles developers face regarding documentation and encourages contributions to improve documentation practices.
Coroutines for Kotlin Multiplatform in Practise
Coroutines for Kotlin Multiplatform in PractiseChristian Melchior The document discusses the implementation and best practices for using coroutines in Kotlin Multiplatform, particularly relating to network requests and UI updates across different platforms like iOS and Android. Key recommendations include always injecting dispatchers, favoring the native-mt memory model, and properly handling threading and error management in shared code. Examples and code snippets demonstrate coroutine usage, threading concerns, and best practices for seamless integration with Swift and Objective-C components.
On UnQLite
On UnQLitecharsbar UnQLite is an embedded key-value and document-oriented database with a simple API similar to SQLite. It uses a BSD license and supports cross-platform usage. Benchmarks show it has comparable or better performance than SQLite, Berkeley DB and other databases for common operations like storing, fetching, and iterating over large amounts of data. The developer is working on adding new storage engines to UnQLite.
Introduction to clojure
Introduction to clojureAbbas Raza This document provides a summary of an introduction to the Clojure programming language. It discusses what Clojure is, its timeline and adoption, functional programming concepts, concurrency features using Software Transactional Memory, the Lisp ideology it is based on including homoiconicity and its macro system. It also provides an overview of getting started with Clojure including using the REPL, basic syntax like symbols and keywords, data types, sequences, functions, and Java interoperability. Resources for learning more about Clojure are also listed.
Go Profiling - John Graham-Cumming
Go Profiling - John Graham-Cumming Cloudflare This document discusses profiling Go programs. It begins by stating the golden rule of premature optimization and emphasizes the importance of measuring before optimizing. Several Go profiling tools are described, including tools for timing, CPU profiling, and memory profiling. An example of a badly implemented LRU cache is provided and profiled to identify inefficiencies. Various improvements are then made to the LRU cache and tested, including using a linked list, random eviction, and eliminating slice operations. The document concludes with a discussion of memory recycling in Go programs.
Introduction to Clime
Introduction to ClimeMosky Liu The document discusses the creation and features of Clime, a Python library that simplifies the development of command-line interface (CLI) applications. Key attributes include automatic usage generation, support for aliases and metavars, and zero configuration. It also provides installation instructions and a reference to its documentation.
Programming with Python - Adv.
Programming with Python - Adv.Mosky Liu The document covers advanced Python programming topics including modules, packages, typing (static, dynamic, weak, strong), comprehensions, functional techniques, first-class functions, and object-oriented programming. It introduces various useful libraries and culminates in a final project focused on creating a blog system. Additionally, it emphasizes best practices in coding, such as documentation and variable naming conventions.
More Related Content
What's hot (20)
Lock? We don't need no stinkin' locks!
Lock? We don't need no stinkin' locks!Michael Barker This document discusses memory models, non-blocking primitives, and lock-free algorithms for concurrent programming. It provides code examples for implementing atomic operations like set, compareAndSet, and lazySet using the Unsafe class. It evaluates the performance of different producer-consumer algorithms like spin-wait, co-operative yielding, and buffering. The document suggests buffering generally performs best by avoiding busy-waiting and allowing other threads to run. It provides references for further information on lock-free programming.
Asynchronous I/O in Python 3
Asynchronous I/O in Python 3Feihong Hsu The document discusses PEP 3156, which introduces a new event loop API for asynchronous I/O in Python 3, aiming for compatibility with existing frameworks. It contrasts programming with Twisted and Tulip through analogies and describes core concepts like coroutines and tasks, emphasizing ease of use and management over callback-based approaches. Additionally, it highlights the simplicity of the HTTP API within Tulip and introduces a tiny web framework named Viol based on it.
iSoligorsk #3 2013
iSoligorsk #3 2013Friedrich Boeckh The document provides an introduction to Clojure by listing various resources about Clojure including websites, videos, papers and books. It discusses key aspects of Clojure such as its Lisp heritage, functional programming principles, namespaces, polymorphism using protocols and multimethods, and concurrency features using Software Transactional Memory. The document also compares Clojure to other Lisps and outlines Clojure's basic syntax where code is represented as data structures.
Async programming and python
Async programming and pythonChetan Giridhar The document provides an overview of asynchronous programming in Python. It discusses how asynchronous programming can improve performance over traditional synchronous and threaded models by keeping resources utilized continuously. It introduces key concepts like callbacks, coroutines, tasks and the event loop. It also covers popular asynchronous frameworks and modules in Python like Twisted, Tornado, gevent and asyncio. Examples are provided to demonstrate asynchronous HTTP requests and concurrent factorial tasks using the asyncio module. Overall, the document serves as an introduction to asynchronous programming in Python.
Beyond JVM - YOW! Sydney 2013
Beyond JVM - YOW! Sydney 2013Charles Nutter The document discusses strategies for improving the startup performance of JRuby. It describes how the JRuby team optimized startup by using a Java-heavy JDK instead of native code, tweaking JVM flags, and implementing Drip - a technique that pre-boots the JVM and caches runtime configurations between runs. Drip reduced JRuby startup times from over 10 seconds to under 1 second for many common tasks. Later, it discusses challenges with JNI and how the Java Native Runtime (JNR) provides a better alternative for interfacing Java with native code and libraries.
Effective Benchmarks
Effective BenchmarksWorkhorse Computing The document discusses benchmarks, emphasizing the difference between performance and functionality measurements and the importance of controlled testing environments. It outlines methods to minimize confusion and obtain accurate timing data for software and hardware tests while setting baselines for various units of work. The author advocates for specific strategies to avoid common pitfalls in benchmarking, including the use of the Perl benchmarking tools and monitoring system performance during tests.
Unit Testing Lots of Perl
Unit Testing Lots of PerlWorkhorse Computing The document discusses the stagnation of Perl 5.8 and the challenges faced in transitioning to newer versions due to lack of testing. It emphasizes the importance of unit testing, sharing experiences from a case where 75,000 modules were tested to validate their functionality. The author proposes methods for automated testing and urges the use of testing to ensure compatibility with upcoming versions of Perl.
How to inspect a RUNNING perl process
How to inspect a RUNNING perl processMasaaki HIROSE The document presents methods for inspecting running Perl processes, focusing on troubleshooting issues like memory leaks and infinite loops. It reviews existing tools such as 'strace' and 'gdb', while introducing a new tool called 'inspect-perl-proc' which allows users to attach to a Perl process and execute arbitrary code with minimal dependencies. Additionally, the document explains how to gather stack traces, memory usage, and loaded module information from a Perl process.
Golang Performance : microbenchmarks, profilers, and a war story
Golang Performance : microbenchmarks, profilers, and a war storyAerospike The document discusses Aerospike, a high-performance NoSQL database, highlighting its speed advantages over other databases and its development history. It showcases the achievements of Brian Bulkowski, who leads the company, and details the performance metrics of Aerospike in comparison to competing technologies. Additionally, the document covers benchmarks, client tuning, and the benefits of using the Go programming language with Aerospike.
Perl Dist::Surveyor 2011
Perl Dist::Surveyor 2011Tim Bunce This document describes Dist::Surveyor, a tool created by Tim Bunce to determine which CPAN distributions and versions are installed on a system by analyzing the contents of a local Perl library directory. It discusses the challenges involved and different approaches considered. The key features of Dist::Surveyor are that it uses MetaCPAN to match installed module files to candidate distributions, scores distributions based on included modules, and can generate a list of exact distributions to reinstall a matching library.
Python, do you even async?
Python, do you even async?Saúl Ibarra Corretgé The document discusses asynchronous I/O in Python, emphasizing different methods and frameworks for handling multiple clients, including threads and I/O multiplexing. It introduces asyncio as a modern implementation for asynchronous programming in Python, outlining its goals, components, and usage examples, as well as discussing integration with other frameworks and the challenges of I/O operations. The document concludes with references for further reading and encourages the implementation of projects using asyncio.
What you need to remember when you upload to CPAN
What you need to remember when you upload to CPANcharsbar Perlのモジュールを公開するときに気をつけておいた方がよい個のこと
This document provides tips for publishing Perl modules to CPAN. It discusses things to be aware of such as distributions being permanently archived on BackPAN even if deleted, CPAN accepting almost anything, and several testing services that can improve modules like PAUSE, CPAN Testers, CPANTS, and more. It also covers best practices for metrics evaluated by these services around availability, integrity, file layout, prerequisites and more. Developers are encouraged to use better tools from the Perl Toolchain Gang to avoid issues.
Event loop
Event loopcodepitbull The document discusses concepts related to event loops and concurrency in programming. It includes code snippets in Java showing the use of NIO selectors and channels for non-blocking I/O. Diagrams are shown illustrating reactor patterns and Vert.x modules deployed across multiple CPUs. The summary provides an overview of the main topics and techniques discussed in the technical document.
PL/Perl - New Features in PostgreSQL 9.0 201012
PL/Perl - New Features in PostgreSQL 9.0 201012Tim Bunce This document summarizes new features for PL/Perl in PostgreSQL 9.0. It introduces new built-in functions for quoting, encoding bytea, and checking if a value looks like a number. It allows arbitrary Perl code to be executed via DO statements. The NYTProf profiler can now profile PL/Perl code. Security and performance improvements include removing the Safe module and validating return encodings.
Profiling and optimizing go programs
Profiling and optimizing go programsBadoo Development This document covers profiling and optimization techniques for Go programs, presented by Marko Kevac. It discusses methods for profiling on different operating systems, how to visualize performance data, and various tools available for benchmarking Go code. Additionally, it explains the inner workings of pprof, its pros and cons, and introduces SystemTap for further system-level profiling.
Sphinx autodoc - automated api documentation - PyCon.KR 2015
Sphinx autodoc - automated api documentation - PyCon.KR 2015Takayuki Shimizukawa The document presents a talk by Takayuki Shimizukawa on Sphinx, a documentation generator for Python projects, focusing on how to write effective docstrings and utilize Sphinx extensions like autodoc and autosummary for automated API documentation. It discusses the history and advantages of using Sphinx, showcases various examples of its applications, and provides a detailed guide on setting up a Sphinx project alongside best practices for incorporating docstrings and testing documentation. Additionally, the presentation addresses common hurdles developers face regarding documentation and encourages contributions to improve documentation practices.
Coroutines for Kotlin Multiplatform in Practise
Coroutines for Kotlin Multiplatform in PractiseChristian Melchior The document discusses the implementation and best practices for using coroutines in Kotlin Multiplatform, particularly relating to network requests and UI updates across different platforms like iOS and Android. Key recommendations include always injecting dispatchers, favoring the native-mt memory model, and properly handling threading and error management in shared code. Examples and code snippets demonstrate coroutine usage, threading concerns, and best practices for seamless integration with Swift and Objective-C components.
On UnQLite
On UnQLitecharsbar UnQLite is an embedded key-value and document-oriented database with a simple API similar to SQLite. It uses a BSD license and supports cross-platform usage. Benchmarks show it has comparable or better performance than SQLite, Berkeley DB and other databases for common operations like storing, fetching, and iterating over large amounts of data. The developer is working on adding new storage engines to UnQLite.
Introduction to clojure
Introduction to clojureAbbas Raza This document provides a summary of an introduction to the Clojure programming language. It discusses what Clojure is, its timeline and adoption, functional programming concepts, concurrency features using Software Transactional Memory, the Lisp ideology it is based on including homoiconicity and its macro system. It also provides an overview of getting started with Clojure including using the REPL, basic syntax like symbols and keywords, data types, sequences, functions, and Java interoperability. Resources for learning more about Clojure are also listed.
Go Profiling - John Graham-Cumming
Go Profiling - John Graham-Cumming Cloudflare This document discusses profiling Go programs. It begins by stating the golden rule of premature optimization and emphasizes the importance of measuring before optimizing. Several Go profiling tools are described, including tools for timing, CPU profiling, and memory profiling. An example of a badly implemented LRU cache is provided and profiled to identify inefficiencies. Various improvements are then made to the LRU cache and tested, including using a linked list, random eviction, and eliminating slice operations. The document concludes with a discussion of memory recycling in Go programs.
Viewers also liked (7)
Introduction to Clime
Introduction to ClimeMosky Liu The document discusses the creation and features of Clime, a Python library that simplifies the development of command-line interface (CLI) applications. Key attributes include automatic usage generation, support for aliases and metavars, and zero configuration. It also provides installation instructions and a reference to its documentation.
Programming with Python - Adv.
Programming with Python - Adv.Mosky Liu The document covers advanced Python programming topics including modules, packages, typing (static, dynamic, weak, strong), comprehensions, functional techniques, first-class functions, and object-oriented programming. It introduces various useful libraries and culminates in a final project focused on creating a blog system. Additionally, it emphasizes best practices in coding, such as documentation and variable naming conventions.
Boost Maintainability
Boost MaintainabilityMosky Liu The document discusses coding practices to enhance maintainability in Python, emphasizing the importance of code structure and consistency. It provides guidelines on naming conventions, handling exceptions, and optimizing operations related to memory and CPU. Additionally, it includes references to online resources and talks to support the principles outlined.
ZIPCodeTW: Find Taiwan ZIP Code by Address Fuzzily
ZIPCodeTW: Find Taiwan ZIP Code by Address FuzzilyMosky Liu The document discusses the 'zipcodetw' tool, which allows users to find Taiwan zip codes based on fuzzy address queries. It describes the tool's ability to perform searches incrementally and utilize a Python library for implementation. Additionally, it highlights the practical application of the tool, encouraging users to find their own zip codes efficiently.
Beyond the Style Guides
Beyond the Style GuidesMosky Liu The document discusses programming efficiency, emphasizing the importance of writing maintainable code and leveraging powerful libraries for faster execution. It highlights the distinction between human cognitive processing and computer operations, stressing the need for clear variable naming and type hints to improve code readability. The author, Mosky, shares insights from their experience in Python development and offers practical tips for enhancing code structure and performance.
Programming with Python - Basic
Programming with Python - BasicMosky Liu s[:] makes a copy.
– s[:]
– slice(0, 3)
– s[slice(0, 3)]
– s[0:3]
– s[:3]
– s[3:]
– s[:-3]
So slice is more flexible.
– s[start:stop:step]
– s[::-1] # reverse
– help(slice)
– s = 'Hello World'
– s[5:11:2]
– 'oWl'
– s[::2]
– 'Hlo rd'
– s[-
Simple Belief - Mosky @ TEDxNTUST 2015
Simple Belief - Mosky @ TEDxNTUST 2015Mosky Liu 文档探讨了自由软件运动的历史与重要性，从1960年代的黑客文化兴起到1990年代的重生，强调自由软件的价值和使用自由。提到的关键人物包括理查德·斯托曼和林纳斯·托瓦兹，以及开源软件如何融入现代社会。作者邀请读者思考自己的信念与参与自由软件运动的可能。
Ad
Similar to Minimal MVC in JavaScript (20)
MVC pattern for widgets
MVC pattern for widgetsBehnam Taraghi This document discusses building maintainable and extensible JavaScript applications using a modular architecture pattern. It recommends separating an application into independent modules that communicate through well-defined interfaces. Each module should live within its own "sandbox" to achieve loose coupling and allow refactoring without affecting other modules. The document then introduces the Model-View-Controller (MVC) pattern as an implementation of this modular architecture for web applications. It provides JavaScript examples of implementing MVC by defining private module areas and interfaces that modules use to communicate and pass data between each other.
Viking academy backbone.js
Viking academy backbone.jsBert Wijnants Backbone.js is a JavaScript framework that provides structure and conventions for developing single-page web applications. It helps avoid unnecessary DOM manipulations by separating the application state from the DOM using models. Views observe changes to models and re-render the DOM accordingly. Models can be synced to a back-end API to persist data. Backbone.js uses an MVVM pattern with models representing the application state, views for rendering, and the DOM acting as the view model.
Introduction to Knockoutjs
Introduction to Knockoutjsjhoguet Knockout.js is a JavaScript MVVM framework that enables simpler and reusable frontend code with cleaner communication to the backend. It features observable view models, declarative templated views, and enables cleaner model binding compared to traditional approaches. The presentation provides an overview of Knockout.js, demonstrates basic concepts like observables and view models, and discusses best practices and resources for further learning Knockout.js.
Just a View: An Introduction To Model-View-Controller Pattern
Just a View: An Introduction To Model-View-Controller PatternAaron Nordyke This document discusses model-view-controller (MVC), including its separation of concerns and observer pattern. It highlights templating libraries and MVC frameworks as useful tools. MVC separates an application into three components - the model, the view, and the controller - with the observer pattern coordinating changes between them. Templating libraries and MVC frameworks make implementing MVC easier by handling concerns like updating views on model changes and separating programming logic from user interface markup.
Introduction to Backbone.js
Introduction to Backbone.jsJonathan Weiss The document provides an overview of Backbone.js, a JavaScript library that structures applications using the MVC architecture. It discusses the library's core components including models, collections, views, and routing to manage data and user interactions effectively. Additionally, it highlights the challenges of handling AJAX requests and the importance of event management in application development.
JS and patterns
JS and patternsDavid Rodenas The document discusses the Model-View-Controller (MVC) design pattern in JavaScript, emphasizing the principles of high cohesion and low coupling. It illustrates the roles of models, views, and controllers through examples, highlighting best practices and common pitfalls in implementing this pattern. The author cautions against overcomplicating designs while encouraging the effective reuse of components.
Javascript for Wep Apps
Javascript for Wep AppsMichael Puckett JavaScript frameworks allow business logic to run on the client by sending JSON data on page load rather than dynamic HTML. This allows JavaScript to set up objects and classes to make assumptions without round trips to the server, improving performance. Popular frameworks like Backbone, Ember, Angular, Knockout, and Meteor emphasize separating UI from logic, data binding, templating, and routing to enable single-page applications. Meteor stands out by using the same syntax on client and server and web sockets for automatic UI updates.
Planbox Backbone MVC
Planbox Backbone MVCAcquisio The document discusses the migration of Model-View-Controller (MVC) architecture from the back-end to the front-end using Backbone.js, emphasizing the benefits of using JavaScript for MVC implementation. It outlines the limitations of traditional back-end MVC approaches and describes how Backbone.js facilitates a more dynamic and decoupled application structure, allowing for rapid development and better client-server interaction. Key features of Backbone.js, including models, collections, and views, are explained with code examples demonstrating their functionality.
[Coscup 2012] JavascriptMVC
[Coscup 2012] JavascriptMVCAlive Kuo This document discusses JavascriptMVC, an alternative Javascript MVC framework to BackboneJS. It provides an overview of JavascriptMVC's features such as MIT licensing, clear documentation, and providing an almost total solution for building web applications. Potential pros include the licensing, documentation, and comprehensive features. Potential cons include it being less well known and having fewer online resources than BackboneJS in Taiwan. Examples of how it handles classes, CSS, data loading/validation, and views are also provided.
MVS: An angular MVC
MVS: An angular MVCDavid Rodenas The document discusses improvements and best practices in AngularJS MVC development, emphasizing the use of services, models, and efficient data handling. It critiques common mistakes like loading resources in directives and advocates for caching, refactoring, and managing models to maintain a single source of truth. Additionally, it introduces architectural variations and solutions for complex applications, particularly in the context of managing state and computed values seamlessly.
Sugarcoating your frontend one ViewModel at a time
Sugarcoating your frontend one ViewModel at a timeEinar Ingebrigtsen This document discusses modern JavaScript development approaches like MVVM and KnockoutJS. It promotes using a ViewModel pattern to separate application logic and state from the view. This improves testability and avoids issues like tightly coupled JavaScript code. The document provides examples of building Single Page Applications with KnockoutJS, handling dependencies through AMD, and using frameworks to create composable user interfaces. Overall it advocates for test-driven development and leveraging new JavaScript capabilities for building maintainable, modular applications.
MVC Design Pattern in JavaScript by ADMEC Multimedia Institute
MVC Design Pattern in JavaScript by ADMEC Multimedia InstituteRavi Bhadauria The document is a presentation by Ravi Bhadauria discussing the MVC (Model-View-Controller) design pattern in JavaScript, aimed at providing training on this topic through the ADMEC Multimedia Institute. It explains the roles of Model, View, and Controller in web applications, emphasizing the benefits of using MVC for scalable and maintainable code. It also includes practical coding examples and a brief overview of testing and debugging JavaScript applications.
Mvc architecture
Mvc architectureSurbhi Panhalkar The document discusses the Model-View-Controller (MVC) design pattern. MVC separates an application's logic into three main components: the model, the view, and the controller. The model manages the application's data and logic, the view displays the data to the user, and the controller interprets user input and updates the model. MVC improves separation of concerns and makes applications more modular, extensible, and testable. It is commonly used for web applications, where the server handles the model and controller logic while the client handles the view.
Vanjs backbone-powerpoint
Vanjs backbone-powerpointMichael Yagudaev The document discusses various design patterns and best practices for building multipage applications with Backbone.js, including scoping selectors with views, using a file structure with folders for models, views etc., templates, template sharing between client and server, view injection, view helpers, bootstrapping data, mixins, parent-child views, two-way data binding with stickit, and an overview of Marionette.js which provides additional structure to Backbone apps.
JavaScript Framework Smackdown
JavaScript Framework Smackdownmeghantaylor The document discusses a comparison of three JavaScript frameworks: Knockout, Ember, and Angular, highlighting their features, documentation quality, and development patterns. It emphasizes the importance of a good user experience and the MVC/MVVM design philosophies that each framework follows, along with their respective support and community engagement. The document also includes examples of JavaScript conventions used in each framework for managing data and making changes.
jQquerysummit - Large-scale JavaScript Application Architecture
jQquerysummit - Large-scale JavaScript Application Architecture Jiby John The document discusses organizing jQuery and JavaScript applications using different patterns and frameworks. It begins by explaining design patterns and their benefits. It then covers using the Model-View-Controller (MVC) pattern with jQuery, providing examples of MVC frameworks. Finally, it discusses other JavaScript patterns for organizing code into reusable modules.
Mvc pattern and implementation in java fair
Mvc pattern and implementation in java fairTech_MX The document discusses the MVC pattern for developing user interfaces, which separates an application into three components - the model manages the core data and logic, the view handles visual presentation of the data to the user, and the controller receives user input and translates it into actions on the model. The MVC pattern promotes separation of concerns, makes the code more modular and reusable, and allows independent development and updating of each component without impacting the others. Common implementations of MVC involve the model notifying subscribed views of any data changes, the controller handling user input to update the model and selecting views, and views updating their presentation when the model changes.
MV* presentation frameworks in Javascript: en garde, pret, allez!
MV* presentation frameworks in Javascript: en garde, pret, allez!Roberto Messora The document discusses the differences between two popular JavaScript presentation frameworks, Backbone.js and Knockout.js, focusing on their architectural patterns: MVC and MVVM. It highlights their strengths, weaknesses, and suitability for various web application development scenarios, as well as historical context and evolution of presentation design patterns. The session also emphasizes the importance of structured organization, maintainability, and testing in client-side development.
Javascript MVC & Backbone Tips & Tricks
Javascript MVC & Backbone Tips & TricksHjörtur Hilmarsson The document discusses MVC frameworks in JavaScript and covers topics like why use MVC, Backbone and Spine fundamentals, Backbone views, models, collections, routers and history, as well as tips and tricks for using Backbone including bootstrapping data, handling nested models, custom ajax requests, and testing with Jasmine. It provides code examples and explanations of concepts to illustrate how to build applications using the MVC pattern with Backbone.js.
User Interface Development with jQuery
User Interface Development with jQuerycolinbdclark The document is a comprehensive guide on user interface development using jQuery, covering foundational concepts of JavaScript and detailing various functionalities of jQuery such as DOM manipulation, event handling, and AJAX. It outlines essential tools, showcases sample code, and addresses browser inconsistencies and client-side challenges. Additionally, it provides practical exercises and examples to help understand the concepts discussed, emphasizing jQuery's unified API and ease of use.
Ad
More from Mosky Liu (6)
Statistical Regression With Python
Statistical Regression With PythonMosky Liu This document provides an overview of statistical regression analysis with Python. It discusses defining assumptions, validating assumptions with a dataset on extramarital affairs, performing correlation analysis, estimating models using ordinary least squares, understanding regression results including interaction effects, handling categorical variables, and addressing outliers. Modeling techniques covered include linear, logistic, and quantile regression as well as robust linear regression.
Data Science With Python
Data Science With PythonMosky Liu This document provides an introduction to data science with Python. It discusses key concepts in data science including visualization, statistics, machine learning, deep learning, and big data. Various Python packages are introduced for working with data, including Jupyter, NumPy, SciPy, Matplotlib, Pandas, Scikit-learn and others. The document outlines the main steps in a data science analysis process, including defining assumptions, validating assumptions with data, and iterating. Specific techniques are covered like preprocessing, dimensionality reduction, statistical modeling, and machine learning modeling. The document emphasizes an iterative approach to learning through applying concepts to problems and data.
Hypothesis Testing With Python
Hypothesis Testing With PythonMosky Liu This document discusses hypothesis testing in Python. It covers simulating and analyzing test datasets, how hypothesis tests work, common statistical tests like t-tests and chi-squared tests, and steps for completing a hypothesis test. Key points include defining the null and alternative hypotheses, estimating error rates from a confusion matrix, determining necessary sample sizes based on desired alpha and beta levels, and fully reporting test results. Other statistical analyses like correlation and regression are also briefly mentioned. Overall the document provides an introduction to performing and interpreting hypothesis tests in Python.
Dive into Pinkoi 2013
Dive into Pinkoi 2013Mosky Liu The document outlines Mosky's background as a Python engineer and speaker who works on the Python packages MoSQL and Clime. It then provides an overview of Mosky discussing topics like the Git workflow, invoice system, and seller dashboard used behind the scenes at Pinkoi. Specific instructions are given on branching, committing, pushing, reviewing, and merging code as part of the recommended Git workflow.
MoSQL: More than SQL, but Less than ORM @ PyCon APAC 2013
MoSQL: More than SQL, but Less than ORM @ PyCon APAC 2013Mosky Liu The document introduces Mosql, a lightweight and efficient SQL-like query system that balances ease of use and performance, leveraging its design for secure data manipulation and querying. It contrasts traditional SQL and ORM frameworks, highlighting Mosql's advantages in speed and security, while also providing usage examples. The document concludes with an invitation to install Mosql via pip, showcasing its user-friendly features.
MoSQL: More than SQL, but less than ORM
MoSQL: More than SQL, but less than ORMMosky Liu The document discusses the advantages and disadvantages of using SQL versus ORM (Object-Relational Mapping), outlining various syntax examples and highlighting SQL's speed and ancient nature compared to ORMs which may be slower but modern. It also touches on security issues such as SQL injection and presents 'mosql', a SQL builder that aims to be faster, easier to learn, and secure by default. The conclusion encourages the use of mosql for its convenience and performance benefits.
Recently uploaded (20)
Step by step guide to install Flutter and Dart
Step by step guide to install Flutter and DartS Pranav (Deepu) Flutter is basically Google’s portable user
interface (UI) toolkit, used to build and
develop eye-catching, natively-built
applications for mobile, desktop, and web,
from a single codebase. Flutter is free, open-
sourced, and compatible with existing code. It
is utilized by companies and developers
around the world, due to its user-friendly
interface and fairly simple, yet to-the-point
commands.
Automated Migration of ESRI Geodatabases Using XML Control Files and FME
Automated Migration of ESRI Geodatabases Using XML Control Files and FMESafe Software Efficient data migration is a critical challenge in geospatial data management, especially when working with complex data structures. This presentation explores an automated approach to migrating ESRI Geodatabases using FME and XML-based control files. A key advantage of this method is its adaptability: changes to the data model are seamlessly incorporated into the migration process without requiring modifications to the underlying FME workflow. By separating data model definitions from migration logic, this approach ensures flexibility, reduces maintenance effort, and enhances scalability.
Transmission Media. (Computer Networks)
Transmission Media. (Computer Networks)S Pranav (Deepu) INTRODUCTION:TRANSMISSION MEDIA
• A transmission media in data communication is a physical path between the sender and
the receiver and it is the channel through which data can be sent from one location to
another. Data can be represented through signals by computers and other sorts of
telecommunication devices. These are transmitted from one device to another in the
form of electromagnetic signals. These Electromagnetic signals can move from one
sender to another receiver through a vacuum, air, or other transmission media.
Electromagnetic energy mainly includes radio waves, visible light, UV light, and gamma
ra
GDG Douglas - Google AI Agents: Your Next Intern?
GDG Douglas - Google AI Agents: Your Next Intern?felipeceotto Presentation done at the GDG Douglas event for June 2025.
A first look at Google's new Agent Development Kit.
Agent Development Kit is a new open-source framework from Google designed to simplify the full stack end-to-end development of agents and multi-agent systems.
Women in Tech: Marketo Engage User Group - June 2025 - AJO with AWS
Women in Tech: Marketo Engage User Group - June 2025 - AJO with AWSBradBedford3 Creating meaningful, real-time engagement across channels is essential to building lasting business relationships. Discover how AWS, in collaboration with Deloitte, set up one of Adobe's first instances of Journey Optimizer B2B Edition to revolutionize customer journeys for B2B audiences.
This session will share the use cases the AWS team has the implemented leveraging Adobe's Journey Optimizer B2B alongside Marketo Engage and Real-Time CDP B2B to deliver unified, personalized experiences and drive impactful engagement.
They will discuss how they are positioning AJO B2B in their marketing strategy and how AWS is imagining AJO B2B and Marketo will continue to work together in the future.
Whether you’re looking to enhance customer journeys or scale your B2B marketing efforts, you’ll leave with a clear view of what can be achieved to help transform your own approach.
Speakers:
Britney Young Senior Technical Product Manager, AWS
Erine de Leeuw Technical Product Manager, AWS
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptx
MOVIE RECOMMENDATION SYSTEM, UDUMULA GOPI REDDY, Y24MC13085.pptxMaharshi Mallela Movie recommendation system is a software application or algorithm designed to suggest movies to users based on their preferences, viewing history, or other relevant factors. The primary goal of such a system is to enhance user experience by providing personalized and relevant movie suggestions.
Decipher SEO Solutions for your startup needs.
Decipher SEO Solutions for your startup needs.mathai2 A solution deck that gives you an idea of how you can use Decipher SEO to target keywords, build authority and generate high ranking content.
With features like images to product you can create a E-commerce pipeline that is optimized to help your store rank.
With integrations with shopify, woocommerce and wordpress theres a seamless way get your content to your website or storefront.
View more at decipherseo.com
What is data visualization and how data visualization tool can help.pptx
What is data visualization and how data visualization tool can help.pptxVarsha Nayak An open source data visualization tool enhances this process by providing flexible, cost-effective solutions that allow users to customize and scale their visualizations according to their needs. These tools enable organizations to make data-driven decisions with complete freedom from proprietary software limitations. Whether you're a data scientist, marketer, or business leader, understanding how to utilize an open source data visualization tool can significantly improve your ability to communicate insights effectively.
What is data visualization and how data visualization tool can help.pdf
What is data visualization and how data visualization tool can help.pdfVarsha Nayak An open source data visualization tool enhances this process by providing flexible, cost-effective solutions that allow users to customize and scale their visualizations according to their needs. These tools enable organizations to make data-driven decisions with complete freedom from proprietary software limitations. Whether you're a data scientist, marketer, or business leader, understanding how to utilize an open source data visualization tool can significantly improve your ability to communicate insights effectively.
Enable Your Cloud Journey With Microsoft Trusted Partner | IFI Tech
Enable Your Cloud Journey With Microsoft Trusted Partner | IFI TechIFI Techsolutions Start your cloud journey with IFI Tech—Microsoft’s trusted partner delivering secure, scalable Azure solutions tailored for your business.
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...
Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...BradBedford3 Inspired by the Adobe Summit hands-on lab, Optimize Your Marketo Instance Performance, review the recording from June 5th to learn best practices that can optimize your smart campaign and smart list processing time, inefficient practices to try to avoid, and tips and tricks for keeping your instance running smooth!
You will learn:
How smart campaign queueing works, how flow steps are prioritized, and configurations that slow down smart campaign processing.
Best practices for smart list and smart campaign configurations that yield greater reliability and processing efficiencies.
Generally recommended timelines for reviewing instance performance: walk away from this session with a guideline of what to review in Marketo and how often to review it.
This session will be helpful for any Marketo administrator looking for opportunities to improve and streamline their instance performance. Be sure to watch to learn best practices and connect with your local Marketo peers!
Emvigo Capability Deck 2025: Accelerating Innovation Through Intelligent Soft...
Emvigo Capability Deck 2025: Accelerating Innovation Through Intelligent Soft...Emvigo Technologies Welcome to Emvigo’s Capability Deck for 2025 – a comprehensive overview of how we help businesses launch, scale, and sustain digital success through cutting-edge technology solutions.
With 13+ years of experience and a presence across the UK, UAE, and India, Emvigo is an ISO-certified software company trusted by leading global organizations including the NHS, Verra, London Business School, and George Washington University.
🔧 What We Do
We specialize in:
Rapid MVP development (go from idea to launch in just 4 weeks)
Custom software development
Gen AI applications and AI-as-a-Service (AIaaS)
Enterprise cloud architecture
DevOps, CI/CD, and infrastructure automation
QA and test automation
E-commerce platforms and performance optimization
Digital marketing and analytics integrations
🧠 AI at the Core
Our delivery model is infused with AI – from workflow optimization to proactive risk management. We leverage GenAI, NLP, and ML to make your software smarter, faster, and more secure.
📈 Impact in Numbers
500+ successful projects delivered
200+ web and mobile apps launched
42-month average client engagement
30+ active projects at any time
🌍 Industries We Serve
Fintech
Healthcare
Education (E-Learning)
Sustainability & Compliance
Real Estate
Energy
Customer Experience platforms
⚙️ Flexible Engagement Models
Whether you're looking for dedicated teams, fixed-cost projects, or time-and-materials models, we deliver with agility and transparency.
📢 Why Clients Choose Emvigo
✅ AI-accelerated delivery
✅ Strong focus on long-term partnerships
✅ Highly rated on Clutch and Google Reviews
✅ Proactive and adaptable to change
✅ Fully GDPR-compliant and security-conscious
🔗 Visit: emvigotech.com
📬 Contact: [email protected]
📞 Ready to scale your tech with confidence? Let’s build the future, together.
Download Adobe Illustrator Crack free for Windows 2025?
Download Adobe Illustrator Crack free for Windows 2025?grete1122g COPY & PASTE LINK 👉👉👉 https://click4pc.com/after-verification-click-go-to-download-page/
Adobe Illustrator CC Crack will make your illustration level upgrade by moving toward real modification purpose using adobe pro tools there ..
FME as an Orchestration Tool - Peak of Data & AI 2025
FME as an Orchestration Tool - Peak of Data & AI 2025Safe Software Processing huge amounts of data through FME can have performance consequences, but as an orchestration tool, FME is brilliant! We'll take a look at the principles of data gravity, best practices, pros, cons, tips and tricks. And of course all spiced up with relevant examples!
Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...
Meet You in the Middle: 1000x Performance for Parquet Queries on PB-Scale Dat...Alluxio, Inc. Alluxio Webinar
June 10, 2025
For more Alluxio Events: https://www.alluxio.io/events/
Speaker:
David Zhu (Engineering Manager @ Alluxio)
Storing data as Parquet files on cloud object storage, such as AWS S3, has become prevalent not only for large-scale data lakes but also as lightweight feature stores for training and inference, or as document stores for Retrieval-Augmented Generation (RAG). However, querying petabyte-to-exabyte-scale data lakes directly from S3 remains notoriously slow, with latencies typically ranging from hundreds of milliseconds to several seconds.
In this webinar, David Zhu, Software Engineering Manager at Alluxio, will present the results of a joint collaboration between Alluxio and a leading SaaS and data infrastructure enterprise that explored leveraging Alluxio as a high-performance caching and acceleration layer atop AWS S3 for ultra-fast querying of Parquet files at PB scale.
David will share:
- How Alluxio delivers sub-millisecond Time-to-First-Byte (TTFB) for Parquet queries, comparable to S3 Express One Zone, without requiring specialized hardware, data format changes, or data migration from your existing data lake.
- The architecture that enables Alluxio’s throughput to scale linearly with cluster size, achieving one million queries per second on a modest 50-node deployment, surpassing S3 Express single-account throughput by 50x without latency degradation.
- Specifics on how Alluxio offloads partial Parquet read operations and reduces overhead, enabling direct, ultra-low-latency point queries in hundreds of microseconds and achieving a 1,000x performance gain over traditional S3 querying methods.
Open Source Software Development Methods
Open Source Software Development MethodsVICTOR MAESTRE RAMIREZ Open Source Software Development Methods
Making significant Software Architecture decisions
Making significant Software Architecture decisionsBert Jan Schrijver Presented at the iSAQB Software Architecture Community NL meetup on 12-6-2025
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...
Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...Philip Schwarz In this deck we look at the following:
* How unfolding lists is the computational dual of folding lists
* Different variants of the function for unfolding lists
* How they relate to the iterate function
Minimal MVC in JavaScript
- 1. MINIMAL MVC IN JAVASCRIPT MOSKY
- 2. MOSKY 2
- 3. MOSKY • Python Charmer at Pinkoi 2
- 4. MOSKY • Python Charmer at Pinkoi • An author of some Python packages 2
- 5. MOSKY • Python Charmer at Pinkoi • An author of some Python packages • A speaker of some confs, PyCon TW/JP mostly 2
- 6. MOSKY • Python Charmer at Pinkoi • An author of some Python packages • A speaker of some confs, PyCon TW/JP mostly • A Python instructor 2
- 7. MOSKY • Python Charmer at Pinkoi • An author of some Python packages • A speaker of some confs, PyCon TW/JP mostly • A Python instructor • mosky.tw 2
- 8. MOSKY 3
- 9. MOSKY • “Uh … Python …?” 3
- 10. MOSKY • “Uh … Python …?” • Yes, but, today I am going to talk about JavaScript. 3
- 11. MOSKY • “Uh … Python …?” • Yes, but, today I am going to talk about JavaScript. • kind of thinking FE from BE aspect. 3
- 12. OUTLINE 4
- 13. OUTLINE • What is MVC? 4
- 14. OUTLINE • What is MVC? • Status Quo 4
- 15. OUTLINE • What is MVC? • Status Quo • Make It Better in Minimal Cost 4
- 16. OUTLINE • What is MVC? • Status Quo • Make It Better in Minimal Cost • Conclusion 4
- 17. WHAT IS MVC?
- 18. 6
- 19. 6 Model
- 20. 6 View Model
- 28. 7
- 29. 7
- 30. 7 Manipulates
- 33. STATUS QUO
- 34. 10
- 41. UPDATE FROM SERVER DATA
- 42. UPDATE FROM SERVER DATA { k1: "…", k2: "…", k3: "…" } Data from Server
- 43. UPDATE FROM SERVER DATA { k1: "…", k2: "…", k3: "…" } Data from Server K1 M Show to User
- 44. UPDATE FROM SERVER DATA { k1: "…", k2: "…", k3: "…" } Data from Server K1 M Show to User 1:1
- 45. UPDATE FROM SERVER DATA { k1: "…", k2: "…", k3: "…" } Data from Server K1 M Show to User 1:1 N:1
- 46. UPDATE FROM SERVER DATA { k1: "…", k2: "…", k3: "…" } Data from Server K1 M Show to User 1:1 N:1 Nothing
- 47. GET DATA FROM DOM
- 48. GET DATA FROM DOM K1 M After Modifying
- 49. GET DATA FROM DOM { k1: "…", k2: "…", k3: "…" } Data to Server K1 M After Modifying
- 50. GET DATA FROM DOM { k1: "…", k2: "…", k3: "…" } Data to Server K1 M After Modifying 1:1
- 51. GET DATA FROM DOM { k1: "…", k2: "…", k3: "…" } Data to Server K1 M After Modifying 1:1 N:1
- 52. GET DATA FROM DOM { k1: "…", k2: "…", k3: "…" } Data to Server K1 M After Modifying 1:1 N:1 Nothing
- 53. GET DATA FROM DOM { k1: "…", k2: "…", k3: "…" } Data to Server K1 M After Modifying 1:1 N:1 Nothing Code, code, code!
- 54. GET DATA FROM DOM { k1: "…", k2: "…", k3: "…" } Data to Server K1 M After Modifying 1:1 N:1 Nothing Code, code, code! From nothing!
- 56. MAKE IT BETTER IN MINIMAL COST
- 58. 15 View Controller UserSees Uses ModelUpdate Manipulates Sync
- 59. 15 View Controller UserSees Uses ModelUpdate Manipulates Sync Make all 1:1!
- 60. THE RECIPE 16
- 61. THE RECIPE • Use Class in JavaScript; 16
- 62. THE RECIPE • Use Class in JavaScript; • Write 3 methods as Model, View, and Controller 16
- 63. THE RECIPE • Use Class in JavaScript; • Write 3 methods as Model, View, and Controller • Make function call as message passing 16
- 64. THE RECIPE • Use Class in JavaScript; • Write 3 methods as Model, View, and Controller • Make function call as message passing • Message is what changed. 16
- 65. THE RECIPE • Use Class in JavaScript; • Write 3 methods as Model, View, and Controller • Make function call as message passing • Message is what changed. • And the util-level libs you love. 16
- 66. THE RECIPE • Use Class in JavaScript; • Write 3 methods as Model, View, and Controller • Make function call as message passing • Message is what changed. • And the util-level libs you love. • (My favor is just JQuery and Underscore.js) 16
- 67. THE CONSTRUCTOR var Clock = function (obj) { ! /* Model */ this._model = {}; ! /* View */ this.$view = $(Clock.template); this.$i = $this.view.find('.i'); this.$o = $this.view.find('.o'); // ... ! ! /* Controller */ var _this = this; this.$view.on('change', '.i', function () { _this.controller('i-changed'); }); // ... ! // Apply defaults this.model(obj); }; 17
- 68. THE MODEL Clock.prototype.model = function (model_changes) { ! // First, optionally filter the fake changes out. ! // Second, asyncly send the changes to server; // and update model/view by the response. ! // Finally, update the changes into this._model. ! this.view(view_changes); }; 18
- 69. THE VIEW Clock.prototype.view = function (view_changes) { ! // Pattern I if (view_changes.o !== undefined) { this.$o.val(view_changes.o); } ! // Pattern II this.$n.val(this._model.o); }; 19
- 70. THE CONTROLLER Clock.prototype.controller = function (event_name) { switch (event_name) { case 'i-changed': this.model({o: _this.$i.val()}); break; } }; ! ! 20
- 72. REAL CASES 22
- 73. REAL CASES • The Memo App 22
- 74. REAL CASES • The Memo App • https://github.com/moskytw/memo-app/blob/ master/memo/static/memo.js 22
- 75. REAL CASES • The Memo App • https://github.com/moskytw/memo-app/blob/ master/memo/static/memo.js • The Web for ZIPCodeTW 22
- 76. REAL CASES • The Memo App • https://github.com/moskytw/memo-app/blob/ master/memo/static/memo.js • The Web for ZIPCodeTW • https://github.com/moskytw/zipcodetw/blob/ dev/web/static/finder.js 22
- 77. REAL CASES • The Memo App • https://github.com/moskytw/memo-app/blob/ master/memo/static/memo.js • The Web for ZIPCodeTW • https://github.com/moskytw/zipcodetw/blob/ dev/web/static/finder.js • http://zipcode.mosky.tw/ 22
- 78. CONCLUSION
- 79. CONCLUSION 24
- 80. CONCLUSION • MVC is a powerful pattern, and not hard. 24
- 81. CONCLUSION • MVC is a powerful pattern, and not hard. • Add model unit to simplify problem. 24
- 82. CONCLUSION • MVC is a powerful pattern, and not hard. • Add model unit to simplify problem. • Don’t be limited by the frameworks! 24
- 83. THE LAST THING!
- 84. PYCON APAC 2014 (IN TAIWAN) REGISTRATIONS ARE OPEN!
- 85. CONCLUSION 27
- 86. CONCLUSION • MVC is a powerful pattern, and not hard. • Add model unit to simplify problem. • Don’t be limited by the frameworks! 27
- 87. CONCLUSION • MVC is a powerful pattern, and not hard. • Add model unit to simplify problem. • Don’t be limited by the frameworks! • mosky.tw 27
- 88. CONCLUSION • MVC is a powerful pattern, and not hard. • Add model unit to simplify problem. • Don’t be limited by the frameworks! • mosky.tw • Any questions? 27