alexmost / blog Goto Github PK
View Code? Open in Web Editor NEWpersonal blog
Home Page: http://www.mostovenko.com
personal blog
Home Page: http://www.mostovenko.com
Description interesting psychology phenomena. "Everything seems impossible until it's done"
A lot of good thoughts about progress in programming languages. Agree that OO and FP are not mutually exclusive they are instruments for different types of tasks. Also, the author says that one language can't be better than other because it's just the instrument. Maybe but definitely one instrument can be more powerful and advanced than other and languages can be different in their power. You should peek not the most powerful but the most appropriate tool for your job. That is one of the reasons why you should continue to learn new languages (tools) to be able to choose the right tool for the right job.
Agree with every letter in that article. Languages are different and have different power, it is hard to understand that until you try. For me languages are just instruments and more advanced and powerful instruments can seem a little bit weird from the first glance (because you don't know how to use them). But after passing some learning curve you starting to realize the real power of those instruments and after that point, your current instruments may seem not so perfect as you thought before.
Some complaints about Haskell usage for the web development and for prototyping. Nice comments feed, suggest you to follow.
We must leave Earth for one critical reason
That main reason for exploring new planets is that humanity has no backup plan if something goes wrong with Earth (asteroid crash, viruses e.t.c)
Finally good article that explains why higher order components are better than mixins. And why you should avoid their usage at all.
Article that will tell how to setup build environment with installed deps for your project.
add canonical link to blog pages.
Just brief overview of trip to Istambul.
add share buttons:
twitter
facebook
g+
disquss probably
Package that will provide deprecate function api.
add some lambda favicon
Amazon deploys to production every 11.6 seconds
Nice example of how continuous delivery works in a real world and what value it can bring to business.
A container is a function call
containers are wilelly used through all over the companies nowdays. And literally become a standart for many companies. Author suggests to look on containers as functions. An there is an interesting thought that container can be used a functor.
Client/server Web applications as a single program
need to write description
for i in $(seq 10); do cat tests/fixtures/nginx-portal.log;done > fifo
[x] set meta viewport
[] fix header wrapping
[] make share buttons visible on mobile view
Implement simple autocomplete with rxjs and without. Show the difference + cover with tests.
grunt options - https://github.com/gruntjs/grunt-known-options/blob/master/index.js
option --base --gruntfile
So the main idea is to write an article that tests and haskell IO monad actually has one thing in common - they force you to separate pure logic from logic with side effects. This two things are not the same but have that feature in common.
Nice video to watch - http://www.infoq.com/presentations/Are-We-There-Yet-Rich-Hickey
mutext free concurrency
map vs pmap
(time (dorun (map phone-numbers files)))
"Elapsed time: 1569.819494 msecs"
=> nil
(time (dorun (pmap phone-numbers files)))
"Elapsed time: 673.610202 msecs"
Describe the ideas as thoughts about the language of the future.
use cloudfare
This will allow to use service workers
Brief overview of the fetch object. Key features of fetch are promise-based api, support for streaming and also about how it suits better with service workers. Also states that XHR will be some subset of fetch API in future.
Applicative do notation in haskell
...
Good knowledge base for developing responsive mobile first designs from Google.
Creating a Mobile-First Responsive Web Design
Nice article about mobile first design implementation details with real demo cases and implementation details.
CSS Font-Size: em vs. px vs. pt vs. percent
Quite old article, but still is relevant for making decision on usage em vs pt vs px vs % for the font size on the webpages.
async/await, promises and observables
Good post about tools for async programming, but still leaves more questions than gives answers.
medium image progressive loading
Nice way for uploading images that is used on medium.
intrinsic placeholders for images
Another one good technique that prevents redundant page reflows during image loads.
General overview of technique for faster image download.
The ServiceWorker: The network layer is yours to own
Nice introductory video from google developers of how we can use service workers and for what. What is offline first and why do we need it. Suggest to watch if you are not familiar with the concept of service worker, it takes only 14 minutes to become in a picture.
Awesome overview of this new concept. Another one argument for me to use service workers. This concept changes a little bit your thinking about what mobile application is and how you can implement it.
Continuous integrations - integrating early and often.
Continuous deployment - deploy the final stage of CI.
Continuous delivery - make sure that your software is always deployable.
Continuous delivery
example - http://www.fse.guru/twil-7
also add share links at the bottom of each article.
make theme look like medium blog post (something simple)
Tool that can execute code complexity analyses. Visualize problem parts e.t.c. Source of knowledge is webpack stats.json file.
Write short review about the course Browser Rendering Optimization.
RAIL principle
Response - 100ms
Animation - 16ms
Idle - 50ms
Load - 100 ms
requestAnimationFrame (16ms)
js -> style -> layout -> paint -> composite
Webworker
Or maybe "suggest related articles" (according to related tags)
Nice approach for building modular isolated react components. And also solves some kind of documentation issues. Instead of reading a boring manual you can just check all possible states of the component, play around with it and get all necessary information of how this component can be used.
Another one tool for creating isolated UI components. React Story Book took this one for it's basis.
Sanitizing tool for third party scripts that are injected to your page.
A new way of blogging about javascript
Shows how you can add some interactive code snippets to your static blog.
Everything I know about the script tag
Nice overview of all features of script tag. Async/defer are very important to remember and use.
Describes two different approaches for measuring frontend performance. The winner solution is to use both.
Awesome research story with the help of twitter streaming api.
You can increase your intelligence
This article states the fact that you can increase the cognitive resource and intelligence of your brain by constant training.
Good comparison of testing frameworks. From one side Jasmine has builtin asserting and mocking functionality from another mocha is just a test runner and you can use different options for assertions and stubbing.
write a short overview of how you can write simple unit tests for time dependent operations.
So the main idea is that installing global npm deps is quite not a good idea, better to use Make for build, or npm commands, but not to rely on a global deps.
Describe the process of eslint integration with small incremental steps with webpack.
Idea is to create abstract documentation generator.
moqup - https://app.moqups.com/AlexMost/2mHT12qJ/view
Extend with plugins:
Add fulltext search:
https://github.com/olivernn/lunr.js
https://github.com/fergiemcdowall/search-index
Separate blog section which will describe and demonstrate different algorythms
As from the recent time I have a lot of tasks that are related to the frontend architecture I decided to read this book.
Defines frontend development as a part of whole development process that must be taken to account at early prototyping stages and to the end working sollution.
Highlights the importance of single responsibility principle.
Interesting approach to create modifiers to css classes inside data attributes. The motivation is that data attribute is 2 dimensional instead of single dimensional class (present or not).
Highlights the importance of CI server.
Frontend architects are those who create blueprints for site creation.
The author defines four main pillars for modern software architecture. They are: code, process, testing and documentation. At the first part of the book, there are a couple of interesting examples of modular css approach that author used for Red hat site. Described major approaches for building modular css OOCSS, SMACSS and BEM. Actually, I didn't get a lot about the differences between two first but have a better understanding of BEM now.
Quite good ovierview of modern web page performance test tools. Here are a couple of interesting resources that can help you with that:http://httparchive.org/, https://whatdoesmysitecost.com/.
Awesome talk from Paul Irish. Explains how bandwith and latency influences page load optimization. Explains what is a critical path. Also shows some live examples on http://www.webpagetest.org/.
React.js Conf 2016 - Jared Forsyth - Redux, Re-frame, Relay, Om/next, oh my!
Brief overview of the most popular ways of managing app state for components based on React. Still it leaves more questions than answers.
Jafar Husain - Falcor: One Model Everywhere at react-europe 2016
ReactEurope
Nice comparison of GraphQL and Falcor. The key idea for me from that talk, Falcor is mostly about javascript syntax and json and at the same time GraphQL has type system and designed for applications with huge amount of entities.
Laney Kuenzel & Lee Byron - GraphQL Future at react-europe 2016
Nice status update for GraphQL. It is a quite young concept but already has a big ecosystem around it. Still there are a lot of questions but we already can start using this technology. Also describes how observables can help us to build reactive real-time applications.
Dan Abramov - The Redux Journey at react-europe 2016
The author of Redux highlights the core concepts and future of this library. Redux is built on top of a really simple idea and pure Redux, in a nutshell, doesn't give you a lot of features. What it gives is the contract and constraints about how you application state is changed. It is relativelly young project but it has a rich ecosystem around it already.
Description and comparison of different types of metrics that can tell you something about the performance issues of the web pages.
A brief explanation what performance budget is and why it can be important for your website.
Good article about how writing can make your better. And how everything that you write can have influence on the world.
Stop Getting In My Way! — Non-blocking UX
Nice way to improve UX is to make your UI non blocking. The key idea is not to force user to wait while some action will be completed.
Continuous integration.
Mantra: If something hurts do it often. Bring the pain forward.
Continious delivery:
Everyone is responsible for delivery.
Technical knowledge:
different architecture patterns:
layered architecture
open layered
event driven (broker, event-processor, broker-less)
Must admit that all those kind of architectures are applicable also on a frontend and a backend.
There is also service oriented architecture.
Comparison % of code coverage (imperative vs functional)
Cyclomatic complexity comparison
Use similar preloader as medium.com.
insights here - https://jmperezperez.com/medium-image-progressive-loading-placeholder/
https://github.com/aFarkas/lazysizes/blob/gh-pages/README.md
Still mysterious topic for me but I'm sure that that thing is the future of API building. Quite good overview from facebook with live demos.
The technology behind facebook cover photos
Facebook approach for reducing content load time. Quite simple but it helped them to speed up the page load by 30 percent.
Good checklist of image optimisations from Google.
Everything You Need to Read and Watch About Muhammad Ali
RIP
Imagemagick for optimizing images for web
Awesome article with a lots of details about image optimisation algorythms (in russian)
Interesting research about page size growth. Interesting fact that average page today is almost 150 times larger than the average page twenty years ago.
My increasing frustration with Clojure
This article highlihts concerns about how clojure is moving.
100 TB array sort in 23 minitest
1 PT data sort the first ever
create homebrew package to be able to install and update vagga with simple
brew install vagga
How Great Programmers Avoid Bugs
Interesting comparison of the different approaches for writing high-quality code from famous software engineers. The main point I think is that whenever you write your code you should prove that it actually works. That thing can be made by different instruments, some of them are better than others but that should be in any case (tests, mathematical or logical proofs).
Modern approach for synchronizing distributed systems. Shows how to fight with inconsistency, deadlocks and race conditions in distributes systems.
Seems like nothing new but useful to keep in mind when preparing some presentation with numbers, statistics, and analytics. My thought is the key idea of all charts and diagrams in your presentation is not about showing how smart are you or that thing that you are talking about but to help people to get the key point of your presentation.
Approach for composing asynchronous actions in terms of redux architecture
Protocol oriented programming in Swift
awesome algorythm visualizer
Fancy algorythm visualization tool, was also thinking about creating something like that.
fizz buzz with tensor flow
Funny story, just worth reading.
eliminating nondeterminism in tests
This post highlights the main problem that comes with nondeterministic operations in software tests. The main source of evil is IO that brings unpredictable behaviour and makes our tests flaky. Author suggests a couple of ways for solution of that problem. Nothing new but useful to remember.
implement snake + snake autopilot algorythm
Nice lib for creating some fake data. Can be useful for demos, prototypes and mockups.
Quite nice article from one guy that switched from ruby + js to haskell. Was really interesting for me as a fan of haskell. Author describes major pros and cons of haskell, it's ecosystem and community.
Describes the value of RxJs for modern apps. Shows an example of building applications with React and Rxjs. Personally I was also working on something similar but stucked on composing components hierarchy. Need to check this out.
4 Steps To Be An Effective Engineer
" To be an Effective Engineer you need to be responsible, valuable, efficient and replaceable."
What I learned from analysing 1.65M versions of Node.js modules in NPM
Just awesome research on how npm works. Gives some advises about how you can speed up you npm install time. Provides interesting statistics about existing packages.
Why Functional Programming Works for Games
This post invalidates a couple of myths about functional programming for game dev. I agree with author and sure that ideally functional approach will lead to more robust and reliable codebase and to more performant games.
This article highlights the importance of the scientific approach for doing any thing. Was surprized to discover that penicillin, microwave, X-ray, gunpowder, plastics, and vulcanized rubber were discovered accidentally because of someones wrong guesses.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.