An introduction in to the world of front end automation - frontend ne (02 07-15)
0 likes357 views
This document provides an introduction to task runners and automation for front-end development. It discusses how task runners can automate tasks like preprocessing, concatenation, minification, and live reloading. Popular task runners like Gulp and their plugins are explained. The document then provides a step-by-step example of using Gulp to automate Sass compilation, autoprefixing, and CSS minification for a project.
1 of 21
Download to read offline
![Define a new task
Write the Gulp task that'll do all the work for us
//Compile.scss,prefixproperties,minifytheCSS
gulp.task('styles',function(){
gulp.src(['scss/*.scss'])
.pipe(sass)
.pipe(autoprefix('last2versions')
.pipe(minify())
.pipe(gulp.dest('css'));
});
Run it!
//RunourCSStask
gulpstyles](https://image.slidesharecdn.com/anintroductionintotheworldoffront-endautomation-frontendne020715-150703094916-lva1-app6891/85/An-introduction-in-to-the-world-of-front-end-automation-frontend-ne-02-07-15-15-320.jpg)
![Default task
Because who wants to type unnecessary characters?
//Defaultgulptask
gulp.task('default',['styles']);
Add multiple tasks
gulp.task('default',['styles','js']);
Build with one word
gulp](https://image.slidesharecdn.com/anintroductionintotheworldoffront-endautomation-frontendne020715-150703094916-lva1-app6891/85/An-introduction-in-to-the-world-of-front-end-automation-frontend-ne-02-07-15-17-320.jpg)
![The watcher
Detect changes and rerun a task
//Watchfor.scsschanges
gulp.task('default',['styles'],function(){
gulp.watch('scss/*.scss',['styles']);
});](https://image.slidesharecdn.com/anintroductionintotheworldoffront-endautomation-frontendne020715-150703094916-lva1-app6891/85/An-introduction-in-to-the-world-of-front-end-automation-frontend-ne-02-07-15-18-320.jpg)
![Final Gulpfile
vargulp=require('gulp');
varsass=require('gulp-sass');
varautoprefix=require('gulp-autoprefixer');
varminify=require('gulp-minify-css');
gulp.task('styles',function(){
gulp.src(['scss/*.scss'])
.pipe(sass)
.pipe(autoprefix( 'last2versions')
.pipe(minify())
.pipe(gulp.dest( 'css'));
});
gulp.task('default',['styles'],function(){
gulp.watch('scss/*.scss',['styles']);
});](https://image.slidesharecdn.com/anintroductionintotheworldoffront-endautomation-frontendne020715-150703094916-lva1-app6891/85/An-introduction-in-to-the-world-of-front-end-automation-frontend-ne-02-07-15-19-320.jpg)
Recommended
Why you should switch to Cypress for modern web testing?
Why you should switch to Cypress for modern web testing?Shivam Bharadwaj Cypress is a modern web testing framework built on top of mocha and uses chai as an assertion library. The E2E tests are written entirely in javascript. These slides will give you a kick ass on getting started with Cypress.
Do read my blog @ - https://dzone.com/articles/why-should-you-switch-to-cypress-for-modern-web-te
Bringing Developers to the Next Level
Bringing Developers to the Next LevelSergejus Barinovas Tips how to become awesome developers:
- be a good developer
- automate server infra
- continuously deploy
- monitor & measure
- understand internals
Enterprise day 2015 - Continuous delivery at Klarna (Klarna)
Enterprise day 2015 - Continuous delivery at Klarna (Klarna)Riada AB Overview of how microservices are continuously deployed at Klarna with Stash, JIRA, Jenkins and Amazon Web Services. Examples of multiple development and deployment approaches in AWS and how we aim for having infrastructure as code at Klarna.
Aws, play! couch db scaling soa in the cloud
Aws, play! couch db scaling soa in the cloudChristophe Marchal 1) The document discusses using a microservices architecture (SOA) for a 6 month MVP project in Brazil for taxation.
2) It advocates using lightweight frameworks like Play and CouchDB to allow for minimum viable architecture and design while still achieving decoupling and flexibility.
3) The services defined are NFe, Report, Company, and User with CouchDB used for document storage to allow for versioning of documents and designs for ease of upgrades and deployments.
NodeJS and what is actually does
NodeJS and what is actually doesVictor Reyes Heitmann Node.js is a JavaScript runtime environment that allows JavaScript to be run on the server side. It uses an event-driven, non-blocking I/O model that makes it lightweight and efficient for data-intensive real-time applications that require persistent connections. Some common uses of Node.js include real-time web applications, building APIs, and handling multiple connections at once without creating new threads. The document discusses why Node.js is well-suited for applications that require maintaining persistent connections from the browser to send updates in real-time using techniques like long-polling.
DevOps, Cloud, and the Death of Backup Tape Changers
DevOps, Cloud, and the Death of Backup Tape Changerske4qqq - DevOps aims to break down barriers between development and operations teams through automation, measurement, and culture change. This enables faster delivery of applications and services.
- Traditional IT operations has focused too much on control and constraint rather than enabling teams. As a result, developers often work around or avoid IT.
- If IT does not adapt by becoming more agile and self-service oriented like cloud computing, it risks becoming irrelevant like backup tape changers - a outdated technology that people work to avoid. IT must partner with teams rather than control them to remain relevant in the future.
Infrastructure as Code @BuildStuff2013
Infrastructure as Code @BuildStuff2013Mantas Klasavicius This document discusses how Mantas Klasavičius implemented infrastructure as code practices at Adform, a digital advertising company. Some key points:
- Adform uses Puppet for configuration management to automate infrastructure deployment and ensure consistency. This allows the infrastructure to be treated as code with practices like version control and code reviews.
- Benefits of this approach include predictable, repeatable infrastructure that is reusable across environments. It also automates processes and makes the infrastructure environment-friendly.
- The document discusses Adform's specific workflow and tools used, including Git, Puppet, Hiera, PuppetDB, and tools for profiling, testing, and managing Windows nodes. It also notes some initial challenges
Azure Functions - the evolution of microservices platform or marketing gibber...
Azure Functions - the evolution of microservices platform or marketing gibber...Katherine Golovinova ANTON BOYKO, Founder and main speaker of Ukrainian Microsoft Azure Community.
When many people hear the word microservices, they think of Kubernetes. And it’s hard to blame them: the utilization of Docker containerization together with Kubernetes orchestration really seems like a match made in heaven.
But, there is a new name in town: serverless (or FaaS). It seems it can offer you all the stuff that Kubernetes has and more. Native support for .NET, Java, Python, Node. Out-of-the-box binding for things like HTTP incoming requests (for Web API), incoming queue message (for processing async tasks), time-based trigger, etc. It also comes with micro billing (you pay only for execution time, not for idle time) and 0-to-infinite scalability. But is it all too good to be true? Aren't there any drawbacks? Is it all a huge marketing scheme to make us actually pay more? Let's find out.
Anton Boyko "The future of serverless computing"
Anton Boyko "The future of serverless computing"Fwdays Are you still planning your servers capacity in CPU and RAM? Do you enjoy answering questions like “what amount of servers we need to buy to serve 10K and 10M users”? Do you enjoy paying for those servers while they are sitting idle?
In my session I will talk about the current state and the future of serverless computing. I will show several demos that show how to start using serverless computing, what are the application scenarios for it, how it can scale, what it will cost, etc.
This session will be useful for developers and architects who are seeking a way to create an app utilizing all your previous skills, but make it scalable, reliable, fast and cost efficient.
DevOps Fundamentals: A perspective on DevOps Culture 
DevOps Fundamentals: A perspective on DevOps Culture CodeOps Technologies LLP This document provides an overview of DevOps fundamentals and culture. It discusses the dual challenge today of embracing new complex digital architectures while keeping release cycles short. It asks questions about how long it takes for a developer's change to reach production and what processes are involved. DevOps is defined as a cross-functional community dedicated to rapidly building, evolving, and operating secure and resilient systems at scale through automation, Agile processes, Lean principles, and engineering practices like continuous integration/delivery. The goal is to improve metrics like lead time for changes, release frequency, time to restore service, and change fail rate. Adopting DevOps requires measuring outcomes, establishing trust, and continuously improving.
Azure Pilot Test
Azure Pilot TestCharles Brown-Roberts This document summarizes a test of moving a library website from on-premises virtual machines to Microsoft Azure services. It outlines goals of supporting a microservices architecture, shared development environments, DevOps methodologies, and automated testing/deployment. Issues with the current architecture are described. The document then provides details on using Azure Web Apps, functions, deployment workflows, security, logging/monitoring, and support available. It concludes that Azure meets the organization's needs and capabilities for application development.
Anton Boyko, "The evolution of microservices platform or marketing gibberish"
Anton Boyko, "The evolution of microservices platform or marketing gibberish"Sigma Software This document discusses Azure Functions and serverless computing. It provides an overview of serverless benefits like manage less, micro-pricing, and ease of scale. It also compares common serverless offerings from Microsoft Azure, AWS, and Google Cloud. The document demonstrates consumption scale, durable functions, and addressing issues like capacity planning, durability, and performance for serverless applications.
Continuous Integration & Development with Gitlab
Continuous Integration & Development with GitlabAyush Sharma GitLab CI is a part of GitLab, a web application with an API that stores its state in a database. It manages projects/builds and provides a nice user interface, besides all the features of GitLab. GitLab Runner is an application which processes builds.
Cypress first impressions
Cypress first impressionsHans Emmel The document discusses Cypress, an open source tool for testing web applications. It highlights Cypress' great UI, bundled tools like Sinon and jQuery, features like XHR interception and debugging with time traveling snapshots. It also mentions best practices, using fixtures to load test data, dealing with iframes and OAuth, and known issues.
Continuous Happiness by Continuous Delivery
Continuous Happiness by Continuous DeliverySergejus Barinovas This document discusses techniques for continuous delivery including continuous integration, infrastructure automation, continuous deployment, monitoring and metrics. The key aspects are performing frequent releases through automated processes to reduce risk, using version control, automated testing, builds, deployment packages and tools for configuration management, deployment and monitoring.
2018 .NET Conf - 利用Machine Learning .NET整合機器學習至應用程式
2018 .NET Conf - 利用Machine Learning .NET整合機器學習至應用程式Alan Tsai 2018 .NET Conf Taiwan Study4 Event
http://study4.tw/Activity/Details/20
AI在生活中漸漸無所不在，市面上也越來越多服務串接及整合AI，
然而AI聰明取決於Prediction Model的建立，但是AI建立模型只能用R、Python嗎?
ML.NET是為.NET開發人員構建的機器學習框架，
使用ML.NET能夠輕鬆的將自定義機器學習整合到您的應用程式之中。
這堂課將直接展示Machine Learning with .NET的威力，AI有夠潮，一起AI吧！
講師介紹：
Alan Tsai
沉浸於.NET 世界的後端工程師，除了最熟悉的Asp .Net MVC之外，喜歡學一些和程式開發有關的東西像Azure、Container、DevOps、Data Science等。
近年開始關注AI相關：Bot Framework (chatbot)、Cognitive Service、IoT Edge等。
樂於分享以及協助翻譯開源軟件，現任Study4成員之一。
除了寫程式以外，就愛看小說。
經歷
Study4 社群成員
2018 北京Azure Bootcamp講師
2017 .NET Conf 講師
相關連結
部落格：Alan Tsai的學習筆記
FB粉絲團：http://fb.alantsai.net
Linkedin：http://linkedin.alantsai.net
Twitter：http://twitter.alantsai.net
Google+：http://plus.alantsai.net
Alan Liu
曾經擔任ASP寫到ASP.NET的開發人員
正在修煉於Azure微軟雲的各式解決方案
參與社群到枕邊人都抓狂的社群狂熱者
經歷
CloudRiches Solution Architect
Microsoft MVP
Study4TW
Azure Taiwan Speaker
Azure Bootcamp Speaker
.NET Conf Speaker
相關連結
部落格：維持熱情不滅
Public and private cloud metadata and why it is useful
Public and private cloud metadata and why it is usefulDevSecCon The document discusses how cloud metadata and Ansible dynamic inventory can help DevOps and security teams collaborate more effectively. It provides examples of how metadata tagging servers can enable targeted operations like provisioning, patching, software installation based on tags. This allows implementing security processes into continuous delivery pipelines through automated and flexible configuration of servers. The speaker advocates that DevOps and security teams work together to build pipelines that use metadata and dynamic inventory to make security part of standard operations.
Ship It ! with Ruby/ Rails Ecosystem
Ship It ! with Ruby/ Rails EcosystemYi-Ting Cheng This document discusses how the Ruby on Rails ecosystem helps development teams by enabling non-blocking development. It outlines tools that allow developers to work independently in sandboxes, manage code through source control, build and deploy automatically, and track issues. This approach prevents blocking, allows continuous integration, and facilitates coordination between developers and operations through notification systems and issue tracking. The document also presents solutions for monitoring servers and jobs that can help reduce the need for a dedicated system administrator.
Introduction to Django-Celery and Supervisor
Introduction to Django-Celery and SupervisorSuresh Kumar Celery is an asynchronous task queue that allows running time-consuming Python functions in the background. It improves user experience by minimizing request/response cycles and offloading intensive processes. Celery provides scalability, flexibility, and customization options. Common uses include sending emails asynchronously, running computational jobs, and interacting with external APIs. A Celery architecture includes a producer that puts tasks in a broker queue, workers that consume tasks, and a results backend that stores task outputs.
End to End Testing with nightwatchjs
End to End Testing with nightwatchjsSrikanth Madduri NIGHTWATCH FOR TESTING NODEJS APPLICATIONS:
1. WHY NODEJS: •
▪ Increase of usage of client side technologies • Responsive and Light Weight dev. Technologies
Ex: Javascript, AngularJs, ionic and react
2. WHY JAVASCRIPT AUTOMATION FRAMEWORKS:
✓ Automation framework along with application code
✓ Automation along with developer’s code
✓ Running BDD tests locally and on the Pull requests
3. Javascript Automation Tools:
▪ Webdriver IO, Nightwatch, protractor with CucumberJS.
4. MOST POPULAR JAVA SCRIPT BDD TEST FRAMEWORKS:
▪ Protractor, Webdriverio, NightwatchJs
5. Protractor:
✓ Its a wrapper of WebDriverJs
✓ Supports NodeJs
✓ AngularJs element identification
✓ Error reporting.
✓ Inbuilt Test runner
✓ Parallel Testing
✓ No support for `mobiles
6. WEBDRIVERIO:
✓ NodeJs supported
✓ WebDriverIO: is W3C webdriver API
✓ Supports CucumberJS
✓ Inbuilt Runner
✓ wdio.conf.js file
✓ Cloud extension
✓ Supports mobile web automation tesitng mobile Apps.
Good Community
7. WHY NIGHTWATCH:
✓ Supports Node.js
✓ End-to-End (E2E) testing solution.
✓ Built-in test runner.
✓ Parallel Testing
✓ Cross Browser Testing
✓ Mobile Support
✓ Continuous integration tool
✓ Inbuilt screenshots
✓ Inbuilt Assertion Library
✓ Page Object Pattern
✓ aliases for locators (@username)
✓ Cloud extension • WebdriverIO apis
✓ Easy to extend
✓ Very Good Community
8. Nightwatch:
✓ NightwatchJS has it’s own implementation of the selenium WebDriver. And provides it’s own testing framework with a test server, assertions, and tools.
✓ Framework- Can be used with other frameworks too, but can be especially useful in case you want to run functional tests not as part of other framework.
✓ Syntax- looks the easiest and the most readable.
CONS OF NIGHTWATCHJS
✓ Return value methods should only use call backs
✓ Call backs should given for every steps
9. COMPARISON OF TOOLS and CONCLUSION:
HERO of the Javascript Frameworks because:
For an E2E Testing, the webdrive.io, is still evolving, Nightwatch will be a great and also is easy to use the framework
Also it has very good inbuilt Debugging mechanism. Hence, Nightwatch is good for the E2E Testing
NightWatchJS is itself is test runner, framework and having its own assertion library
Automating security with PowerShell
Automating security with PowerShellJaap Brasser There is no doubt that security has been in the spotlight over the last few years, recent events have been responsible for the increased demand for better and more secure systems. Security was often treated as an afterthought or something that could be implemented ‘later’. In this session, we will go over some best practices, using existing tools and frameworks to help you set up a more secure environment and to get a grasp of what is happening in your environment. We will leverage your existing automation skills to secure and automate these workflows. Expect a session with a lot of demos and resources that can directly be implemented.
From >40s to 100ms Aggregations
From >40s to 100ms AggregationsCédric Fabianski ElasticSearch is very powerful. It can do many things and amongst those, full-text searching and aggregations. Getting aggregations is one thing but getting them fast is another.
Continuous Integration
Continuous IntegrationHarald Soevik The document discusses the experience of the Norwegian Food Safety Authority with continuous integration using Hudson. It describes how Hudson was used to manage branches and releases for a large Java project with multiple teams. Hudson provided build servers, testing environments, and tools to monitor code quality and metrics. It helped enable continuous deployment by automating testing and deployment across environments.
PowerShell Runspaces
PowerShell RunspacesDrew Furgiuele This document discusses multithreading in PowerShell using runspaces. Runspaces allow running PowerShell scripts concurrently by creating new threads within an existing process. This can improve performance over serial execution when tasks take a long time or need to be applied to many targets. While runspaces provide benefits like asynchronous execution and throttling, they also add complexity and need to be properly configured, monitored, and cleaned up. The document provides examples of using runspaces to improve performance of text parsing and master data management tasks.
Dynamic bpm design by doing lightning talk
Dynamic bpm design by doing lightning talkITD Systems Dynamic BPM allows users to design workflows on the fly by combining simple reusable workflow units instead of editing complex workflow definitions. This approach allows building standard workflows for various similar business processes and reusing workflow units across different processes. Alvex provides features like document uploaders and discussions integrated into workflows to enable building real-life workflows.
Elastic{ON} Seminar New York (2017)
Elastic{ON} Seminar New York (2017)Franklin Angulo Building a multi data center log aggregation framework at Squarespace on top of the open source ELK stack, featuring Elasticsearch, Logstash, Kibana, Filebeat and Kafka.
Big Sky Dev Con 2018 - Building a Serverless Backend
Big Sky Dev Con 2018 - Building a Serverless BackendJacob Meacham This talk is about my journey building a serverless backend, the problems we encountered and how we solved them. Along the way, I'll demo those solutions live, so that by the end we'll have the makings of a professional-grade service. My hope is that by the end of this talk, you'll have gotten a taste for what serverless is and why one would choose to use it, and have an idea for the pitfalls you might encounter along the way.
Unfortunately, SlideShare doesn't support embedded videos, so the full demo will not be viewable
Дмитрий Иванов «Мое первое приложение в облаках или почему стоит использовать...
Дмитрий Иванов «Мое первое приложение в облаках или почему стоит использовать...DataArt This document discusses the benefits of using Azure Web Apps for building cloud applications. It highlights that Azure Web Apps allows for continuous deployment from various source control services, automatic scaling based on performance metrics, use of web jobs for background tasks, traffic management across regions, backups, and hybrid connections for private access to resources. Developing applications with Azure Web Apps provides agility, scalability, and global reach.
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...Tieturi Oy Perinteisistä web-sivustoista kohti moderneja web-sovelluksia: mitä ovat niin sanotut ’single page applications’ ja mihin niitä käytetään? Entä miten taikasanat HTML5, AJAX ja HTTPRest liittyvät asiaan?
The rise of single-page applications
The rise of single-page applicationsCaridy Patino Single-page applications allow users to switch between different states without reloading the entire page. Isomorphic applications take this a step further by allowing the same application code to run on both the server and client, enabling server-side rendering for performance and SEO while retaining the benefits of a single-page app experience. The author introduces Modown, an open-source framework they developed that uses libraries and building blocks over opinions frameworks to help build isomorphic JavaScript apps that can run on both Node.js servers and in browsers.
More Related Content
What's hot (20)
Anton Boyko "The future of serverless computing"
Anton Boyko "The future of serverless computing"Fwdays Are you still planning your servers capacity in CPU and RAM? Do you enjoy answering questions like “what amount of servers we need to buy to serve 10K and 10M users”? Do you enjoy paying for those servers while they are sitting idle?
In my session I will talk about the current state and the future of serverless computing. I will show several demos that show how to start using serverless computing, what are the application scenarios for it, how it can scale, what it will cost, etc.
This session will be useful for developers and architects who are seeking a way to create an app utilizing all your previous skills, but make it scalable, reliable, fast and cost efficient.
DevOps Fundamentals: A perspective on DevOps Culture
DevOps Fundamentals: A perspective on DevOps Culture CodeOps Technologies LLP This document provides an overview of DevOps fundamentals and culture. It discusses the dual challenge today of embracing new complex digital architectures while keeping release cycles short. It asks questions about how long it takes for a developer's change to reach production and what processes are involved. DevOps is defined as a cross-functional community dedicated to rapidly building, evolving, and operating secure and resilient systems at scale through automation, Agile processes, Lean principles, and engineering practices like continuous integration/delivery. The goal is to improve metrics like lead time for changes, release frequency, time to restore service, and change fail rate. Adopting DevOps requires measuring outcomes, establishing trust, and continuously improving.
Azure Pilot Test
Azure Pilot TestCharles Brown-Roberts This document summarizes a test of moving a library website from on-premises virtual machines to Microsoft Azure services. It outlines goals of supporting a microservices architecture, shared development environments, DevOps methodologies, and automated testing/deployment. Issues with the current architecture are described. The document then provides details on using Azure Web Apps, functions, deployment workflows, security, logging/monitoring, and support available. It concludes that Azure meets the organization's needs and capabilities for application development.
Anton Boyko, "The evolution of microservices platform or marketing gibberish"
Anton Boyko, "The evolution of microservices platform or marketing gibberish"Sigma Software This document discusses Azure Functions and serverless computing. It provides an overview of serverless benefits like manage less, micro-pricing, and ease of scale. It also compares common serverless offerings from Microsoft Azure, AWS, and Google Cloud. The document demonstrates consumption scale, durable functions, and addressing issues like capacity planning, durability, and performance for serverless applications.
Continuous Integration & Development with Gitlab
Continuous Integration & Development with GitlabAyush Sharma GitLab CI is a part of GitLab, a web application with an API that stores its state in a database. It manages projects/builds and provides a nice user interface, besides all the features of GitLab. GitLab Runner is an application which processes builds.
Cypress first impressions
Cypress first impressionsHans Emmel The document discusses Cypress, an open source tool for testing web applications. It highlights Cypress' great UI, bundled tools like Sinon and jQuery, features like XHR interception and debugging with time traveling snapshots. It also mentions best practices, using fixtures to load test data, dealing with iframes and OAuth, and known issues.
Continuous Happiness by Continuous Delivery
Continuous Happiness by Continuous DeliverySergejus Barinovas This document discusses techniques for continuous delivery including continuous integration, infrastructure automation, continuous deployment, monitoring and metrics. The key aspects are performing frequent releases through automated processes to reduce risk, using version control, automated testing, builds, deployment packages and tools for configuration management, deployment and monitoring.
2018 .NET Conf - 利用Machine Learning .NET整合機器學習至應用程式
2018 .NET Conf - 利用Machine Learning .NET整合機器學習至應用程式Alan Tsai 2018 .NET Conf Taiwan Study4 Event
http://study4.tw/Activity/Details/20
AI在生活中漸漸無所不在，市面上也越來越多服務串接及整合AI，
然而AI聰明取決於Prediction Model的建立，但是AI建立模型只能用R、Python嗎?
ML.NET是為.NET開發人員構建的機器學習框架，
使用ML.NET能夠輕鬆的將自定義機器學習整合到您的應用程式之中。
這堂課將直接展示Machine Learning with .NET的威力，AI有夠潮，一起AI吧！
講師介紹：
Alan Tsai
沉浸於.NET 世界的後端工程師，除了最熟悉的Asp .Net MVC之外，喜歡學一些和程式開發有關的東西像Azure、Container、DevOps、Data Science等。
近年開始關注AI相關：Bot Framework (chatbot)、Cognitive Service、IoT Edge等。
樂於分享以及協助翻譯開源軟件，現任Study4成員之一。
除了寫程式以外，就愛看小說。
經歷
Study4 社群成員
2018 北京Azure Bootcamp講師
2017 .NET Conf 講師
相關連結
部落格：Alan Tsai的學習筆記
FB粉絲團：http://fb.alantsai.net
Linkedin：http://linkedin.alantsai.net
Twitter：http://twitter.alantsai.net
Google+：http://plus.alantsai.net
Alan Liu
曾經擔任ASP寫到ASP.NET的開發人員
正在修煉於Azure微軟雲的各式解決方案
參與社群到枕邊人都抓狂的社群狂熱者
經歷
CloudRiches Solution Architect
Microsoft MVP
Study4TW
Azure Taiwan Speaker
Azure Bootcamp Speaker
.NET Conf Speaker
相關連結
部落格：維持熱情不滅
Public and private cloud metadata and why it is useful
Public and private cloud metadata and why it is usefulDevSecCon The document discusses how cloud metadata and Ansible dynamic inventory can help DevOps and security teams collaborate more effectively. It provides examples of how metadata tagging servers can enable targeted operations like provisioning, patching, software installation based on tags. This allows implementing security processes into continuous delivery pipelines through automated and flexible configuration of servers. The speaker advocates that DevOps and security teams work together to build pipelines that use metadata and dynamic inventory to make security part of standard operations.
Ship It ! with Ruby/ Rails Ecosystem
Ship It ! with Ruby/ Rails EcosystemYi-Ting Cheng This document discusses how the Ruby on Rails ecosystem helps development teams by enabling non-blocking development. It outlines tools that allow developers to work independently in sandboxes, manage code through source control, build and deploy automatically, and track issues. This approach prevents blocking, allows continuous integration, and facilitates coordination between developers and operations through notification systems and issue tracking. The document also presents solutions for monitoring servers and jobs that can help reduce the need for a dedicated system administrator.
Introduction to Django-Celery and Supervisor
Introduction to Django-Celery and SupervisorSuresh Kumar Celery is an asynchronous task queue that allows running time-consuming Python functions in the background. It improves user experience by minimizing request/response cycles and offloading intensive processes. Celery provides scalability, flexibility, and customization options. Common uses include sending emails asynchronously, running computational jobs, and interacting with external APIs. A Celery architecture includes a producer that puts tasks in a broker queue, workers that consume tasks, and a results backend that stores task outputs.
End to End Testing with nightwatchjs
End to End Testing with nightwatchjsSrikanth Madduri NIGHTWATCH FOR TESTING NODEJS APPLICATIONS:
1. WHY NODEJS: •
▪ Increase of usage of client side technologies • Responsive and Light Weight dev. Technologies
Ex: Javascript, AngularJs, ionic and react
2. WHY JAVASCRIPT AUTOMATION FRAMEWORKS:
✓ Automation framework along with application code
✓ Automation along with developer’s code
✓ Running BDD tests locally and on the Pull requests
3. Javascript Automation Tools:
▪ Webdriver IO, Nightwatch, protractor with CucumberJS.
4. MOST POPULAR JAVA SCRIPT BDD TEST FRAMEWORKS:
▪ Protractor, Webdriverio, NightwatchJs
5. Protractor:
✓ Its a wrapper of WebDriverJs
✓ Supports NodeJs
✓ AngularJs element identification
✓ Error reporting.
✓ Inbuilt Test runner
✓ Parallel Testing
✓ No support for `mobiles
6. WEBDRIVERIO:
✓ NodeJs supported
✓ WebDriverIO: is W3C webdriver API
✓ Supports CucumberJS
✓ Inbuilt Runner
✓ wdio.conf.js file
✓ Cloud extension
✓ Supports mobile web automation tesitng mobile Apps.
Good Community
7. WHY NIGHTWATCH:
✓ Supports Node.js
✓ End-to-End (E2E) testing solution.
✓ Built-in test runner.
✓ Parallel Testing
✓ Cross Browser Testing
✓ Mobile Support
✓ Continuous integration tool
✓ Inbuilt screenshots
✓ Inbuilt Assertion Library
✓ Page Object Pattern
✓ aliases for locators (@username)
✓ Cloud extension • WebdriverIO apis
✓ Easy to extend
✓ Very Good Community
8. Nightwatch:
✓ NightwatchJS has it’s own implementation of the selenium WebDriver. And provides it’s own testing framework with a test server, assertions, and tools.
✓ Framework- Can be used with other frameworks too, but can be especially useful in case you want to run functional tests not as part of other framework.
✓ Syntax- looks the easiest and the most readable.
CONS OF NIGHTWATCHJS
✓ Return value methods should only use call backs
✓ Call backs should given for every steps
9. COMPARISON OF TOOLS and CONCLUSION:
HERO of the Javascript Frameworks because:
For an E2E Testing, the webdrive.io, is still evolving, Nightwatch will be a great and also is easy to use the framework
Also it has very good inbuilt Debugging mechanism. Hence, Nightwatch is good for the E2E Testing
NightWatchJS is itself is test runner, framework and having its own assertion library
Automating security with PowerShell
Automating security with PowerShellJaap Brasser There is no doubt that security has been in the spotlight over the last few years, recent events have been responsible for the increased demand for better and more secure systems. Security was often treated as an afterthought or something that could be implemented ‘later’. In this session, we will go over some best practices, using existing tools and frameworks to help you set up a more secure environment and to get a grasp of what is happening in your environment. We will leverage your existing automation skills to secure and automate these workflows. Expect a session with a lot of demos and resources that can directly be implemented.
From >40s to 100ms Aggregations
From >40s to 100ms AggregationsCédric Fabianski ElasticSearch is very powerful. It can do many things and amongst those, full-text searching and aggregations. Getting aggregations is one thing but getting them fast is another.
Continuous Integration
Continuous IntegrationHarald Soevik The document discusses the experience of the Norwegian Food Safety Authority with continuous integration using Hudson. It describes how Hudson was used to manage branches and releases for a large Java project with multiple teams. Hudson provided build servers, testing environments, and tools to monitor code quality and metrics. It helped enable continuous deployment by automating testing and deployment across environments.
PowerShell Runspaces
PowerShell RunspacesDrew Furgiuele This document discusses multithreading in PowerShell using runspaces. Runspaces allow running PowerShell scripts concurrently by creating new threads within an existing process. This can improve performance over serial execution when tasks take a long time or need to be applied to many targets. While runspaces provide benefits like asynchronous execution and throttling, they also add complexity and need to be properly configured, monitored, and cleaned up. The document provides examples of using runspaces to improve performance of text parsing and master data management tasks.
Dynamic bpm design by doing lightning talk
Dynamic bpm design by doing lightning talkITD Systems Dynamic BPM allows users to design workflows on the fly by combining simple reusable workflow units instead of editing complex workflow definitions. This approach allows building standard workflows for various similar business processes and reusing workflow units across different processes. Alvex provides features like document uploaders and discussions integrated into workflows to enable building real-life workflows.
Elastic{ON} Seminar New York (2017)
Elastic{ON} Seminar New York (2017)Franklin Angulo Building a multi data center log aggregation framework at Squarespace on top of the open source ELK stack, featuring Elasticsearch, Logstash, Kibana, Filebeat and Kafka.
Big Sky Dev Con 2018 - Building a Serverless Backend
Big Sky Dev Con 2018 - Building a Serverless BackendJacob Meacham This talk is about my journey building a serverless backend, the problems we encountered and how we solved them. Along the way, I'll demo those solutions live, so that by the end we'll have the makings of a professional-grade service. My hope is that by the end of this talk, you'll have gotten a taste for what serverless is and why one would choose to use it, and have an idea for the pitfalls you might encounter along the way.
Unfortunately, SlideShare doesn't support embedded videos, so the full demo will not be viewable
Дмитрий Иванов «Мое первое приложение в облаках или почему стоит использовать...
Дмитрий Иванов «Мое первое приложение в облаках или почему стоит использовать...DataArt This document discusses the benefits of using Azure Web Apps for building cloud applications. It highlights that Azure Web Apps allows for continuous deployment from various source control services, automatic scaling based on performance metrics, use of web jobs for background tasks, traffic management across regions, backups, and hybrid connections for private access to resources. Developing applications with Azure Web Apps provides agility, scalability, and global reach.
Viewers also liked (16)
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...
27.1.2014, Tampere. Perinteinen mobiilimaailma murroksessa. Petri Niemi: Sing...Tieturi Oy Perinteisistä web-sivustoista kohti moderneja web-sovelluksia: mitä ovat niin sanotut ’single page applications’ ja mihin niitä käytetään? Entä miten taikasanat HTML5, AJAX ja HTTPRest liittyvät asiaan?
The rise of single-page applications
The rise of single-page applicationsCaridy Patino Single-page applications allow users to switch between different states without reloading the entire page. Isomorphic applications take this a step further by allowing the same application code to run on both the server and client, enabling server-side rendering for performance and SEO while retaining the benefits of a single-page app experience. The author introduces Modown, an open-source framework they developed that uses libraries and building blocks over opinions frameworks to help build isomorphic JavaScript apps that can run on both Node.js servers and in browsers.
Front End Development Automation with Grunt
Front End Development Automation with GruntLadies Who Code Grunt is a JavaScript task runner that can automate front-end development tasks like linting, compiling Sass files to CSS, running tests and watching for file changes. It provides plugins for common tasks and allows developers to define custom workflows. The document discusses how Grunt can be used to integrate and run various tasks like linting, Sass compilation and watching files. It also explains how to define tasks, configure Grunt and run tasks from the command line. Custom tasks can be created and shared as plugins. The document provides an example of using Grunt to convert Markdown files to the Leanpub format and sync them to Dropbox.
Single Page Applications - Desert Code Camp 2012
Single Page Applications - Desert Code Camp 2012Adam Mokan Slides from my presentation on Single-Page Applications at Desert Code Camp 2012.
The event was held on November 17th, 2012 at Chandler-Gilbert Community College.
http://nov2012.desertcodecamp.com/session/565
Single page applications
Single page applicationsRumesh Hapuarachchi Single page applications (SPAs) are web applications that load all necessary content at once so that subsequent page changes do not require additional page loads, providing a more fluid user experience similar to a desktop application. SPAs use a combination of HTML, CSS, and JavaScript and are commonly built using frameworks like AngularJS, Ember.js, and Durandal. This document provides an overview of SPAs and discusses development tools and techniques for building SPAs using ASP.NET and common JavaScript frameworks.
Js Automation. npm scripts & Gulp
Js Automation. npm scripts & GulpAnton Dosov This document discusses JavaScript build automation using NPM scripts and task runners like Gulp. It explains why build automation is useful, providing consistent and repeatable processes to compile code, run tests, and deploy applications. NPM scripts provide basic automation capabilities using shell commands, while task runners like Gulp allow composing complex build pipelines with parallel tasks using JavaScript. The document provides examples of NPM script and Gulpfile configurations for common build tasks like compilation, minification, testing and more.
Making Single Page Applications (SPA) faster 
Making Single Page Applications (SPA) faster Boris Livshutz This document discusses strategies for improving the performance of single page applications (SPAs). It begins by introducing common SPA frameworks and trends. It then discusses challenges like framework overhead and constant reinstallation that can degrade performance. Solutions presented include light first visits using skeleton pages, server-side rendering, virtual DOM libraries, JavaScript packaging, resource deferral, caching optimizations, and monitoring SPA-specific metrics. The document emphasizes the importance of choosing the right framework, designing for performance, and testing SPAs using modern techniques.
The Dark Side of Single Page Applications
The Dark Side of Single Page ApplicationsDor Kalev The story of all the pitfalls we had while transferring FTBpro.com from the good old web to a Backbone single page application... and all the great solutions we've came up with
Single page applications
Single page applicationsDiego Cardozo This document provides an overview of single page applications (SPAs), including their motivation, introduction, examples, architecture, advantages and disadvantages, tools, and a demo. SPAs aim to improve user experience by only loading necessary content instead of entire pages when navigating a site. This reduces load times compared to traditional multi-page applications. The document discusses tools like Knockout.js that can be used to build SPAs and notes that server-side code moves to exposing RESTful APIs while client-side code handles navigation and UI logic. It concludes with advertising a demo of an SPA built with John Papa's Hot Towel template to further illustrate SPA concepts.
Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2Oleksii Prohonnyi Presentation for NURE (Kharkiv National University of Radioelectronics) students about front-end development (JavaScript best practices, features).
Single page application
Single page applicationJeremy Lee The document discusses single page applications (SPAs) and the AngularJS framework. It defines SPAs as web apps that load on a single page to provide a more fluid user experience. It then explains key characteristics of SPAs and benefits like improved performance. The bulk of the document focuses on introducing concepts in AngularJS like controllers, scopes, templates, directives, filters, services and routing. It provides code examples to demonstrate basic usage and building a todo list app with AngularJS.
Single Page Applications
Single Page ApplicationsMassimo Iacolare This document discusses Single Page Applications (SPAs) and the JavaScript framework Backbone.js. It defines SPAs as web apps that handle interactions on the client-side without needing to reach the server. The document discusses why SPAs are useful for providing a fluid user experience but can increase code complexity. It introduces Backbone components like Models, Collections, Views and the Router that help manage this complexity by enforcing structure and separating concerns. Examples are provided of how to decompose user interfaces into Views and use Backbone to encapsulate state, add routing, and follow best practices like view-model associations and event-driven communication between components.
Measuring the Performance of Single Page Applications
Measuring the Performance of Single Page ApplicationsNicholas Jansma Single page applications are a problem for RUM tools because there are no easy ways to tell when a new page component has been requested asynchronously as a result of an intentional user action. Many network requests are back-end service calls initiated periodically by the app – for example, a ping to check if content has been updated, or to check if the current user should still be signed in to their account.
Even with requests that are initiated by a user action, not all may fit into the definition of a “page view.” For example, a user typing into a search box that has auto-complete capabilities will often result in network requests, but these requests result in very small amounts of data transfer, happen very frequently, and do not count toward page views. The scene is further complicated by SPA frameworks like Angular, Backbone, and others.
In this talk, we’ll learn about some of the tricks used by boomerang to measure the performance of single page applications, going as far as capturing errors and waterfall information across browsers.
Building single page applications
Building single page applicationsSC5.io A Lecture given in Aalto University course "Design of WWW Services".
Single page app is already several years old web application paradigm that is now gaining traction due to the interest towards HTML5 and particularly cross-platform mobile (web) applications. The presentation overviews the single page application paradigm and compares it with other web app paradigms.
The presentation uses Backbone.js as the sample and gives practical tips on how to best structure Backbone.js applications. It contains an extensive set of tips and links in the notes section.
The reader is adviced to download the presentation for better readability of the notes.
Introduction To Single Page Application
Introduction To Single Page ApplicationKMS Technology This document provides an introduction to single page applications (SPAs). It begins with an overview of traditional websites, which have multiple pages and server-based rendering. The evolution section discusses how modern browsers, JavaScript, and HTML5 have enabled a more app-like user experience with SPAs. SPAs are defined as web apps that load a single HTML page and use AJAX and JavaScript for fluid interactions without page reloads. Benefits include faster loading and improved user experience. Challenges of SPAs include search engine optimization, initial slow loading, and maintaining browser history. The document concludes with a question and answer section.
Single Page Application (SPA) using AngularJS
Single Page Application (SPA) using AngularJSM R Rony Single Page Application (SPA) using angular js. Also have some relative sample codes.
if u need then just mail me at [email protected]
Similar to An introduction in to the world of front end automation - frontend ne (02 07-15) (20)
North east user group tour
North east user group tour10n Software, LLC This document summarizes an upcoming tour by Kevin Schroeder of Zend Technologies to discuss various topics including:
- An introduction to Kevin and what he does at Zend
- An overview of Zend products like Zend Framework and Zend Server
- A discussion of performance, scalability, and queuing in PHP applications
- A demonstration of using the Zend Server job queue to asynchronously process tasks
- Considerations for deploying PHP applications in different environments like development, testing, staging, and production
Techdays 2011 - Things I will remember
Techdays 2011 - Things I will rememberAlexander Vanwynsberghe Things I have noted during the Techday 2011 @ Metropolis Antwerp..
Just my personal thoughts. There will be mistakes, as several things are new for me :-)
UnConference for Georgia Southern Computer Science March 31, 2015
UnConference for Georgia Southern Computer Science March 31, 2015Christopher Curtin I presented to the Georgia Southern Computer Science ACM group. Rather than one topic for 90 minutes, I decided to do an UnConference. I presented them a list of 8-9 topics, let them vote on what to talk about, then repeated.
Each presentation was ~8 minutes, (Except Career) and was by no means an attempt to explain the full concept or technology. Only to wake up their interest.
Practical management of development & QA environments for SharePoint 2013
Practical management of development & QA environments for SharePoint 2013SharePointRadi Speakers: Ognyan Guglev & Radi Atanassov
In this session we will share how we maintain our environments for development, quality assurance and demonstration purposes. We've put in a lot of thought into optimising what we do and to deliver a highly-available, performing experience to our delivery teams.
For our work we have over 90 farms, so the challenges in maintaining them are not insignificant. Due to advances in the SharePoint platform we believe it is becoming increasingly difficult to maintain SharePoint environments for every project, client or product. We have a strong requirement to be flexible and efficient on hardware and at the same time be able to spawn development environments on demand. Automation here with SCVMM is key to a sustainable work front.
We will discuss our goals as a consultancy company, how we deal with licenses, whether we prefer centralised or decentralised team environments, how to automate VM's with Service Center Virtual Machine Manager, how to deal with Microsoft SQL and Active Directory, DNS and IP addresses, what we do to make the developer's time as productive as possible and a whole set of other tips and tricks we put in place. We will also share our Apps development and Office 365 development landscapes.
Overall, this session is infrastructure focused, but will be valuable and practical both for administrators and developers, it will cover experiences for both sides of the spectrum.
DevOps and Decoys How to Build a Successful Microsoft DevOps Including the Data
DevOps and Decoys How to Build a Successful Microsoft DevOps Including the DataKellyn Pot'Vin-Gorman Pass Summit 2018 presentation
Use Case Story of customer work at Microsoft with Higher Ed Customers.
Service Lifecycle Management with Fuse Service Works
Service Lifecycle Management with Fuse Service WorksKenneth Peeples This document provides an introduction and overview of the design time governance capabilities of Fuse Service Works (FSW). It describes how FSW uses Apache Camel, JBoss Switchyard, JBoss Overlord S-RAMP, and service lifecycle management to provide capabilities like policy management, quality management, lifecycle management, and business transaction monitoring. It also provides examples of using FSW for scenarios like building composite services, determining the impact of API changes, and managing the project lifecycle.
WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word...
WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word...Evan Mullins This document summarizes some workflows and processes used by a development team for WordPress projects, including version control with Git, environment-aware configuration files, database migrations, and automated deployments. It discusses setting up local development environments, managing code standards and reviews, and deploying code from development to multiple environments.
Client Side Performance @ Xero
Client Side Performance @ XeroCraig Walker This presentation shares some of the experiences Xero went through to greatly improve our user experience by focusing on front-end performance.
Scaling PHP Applications with Zend Platform
Scaling PHP Applications with Zend PlatformShahar Evron Zend Platform provides tools to help PHP applications scale. It includes PHP Intelligence for application monitoring, performance features like job queues and caching, and session clustering to share session data across multiple servers. It offers comprehensive and integrated solutions to common problems in scaling PHP applications.
Resume
ResumeGurpreet Singh Gurpreet Singh is a software engineer with over 3.8 years of experience developing applications using Microsoft technologies like ASP.NET, C#, SQL Server, and JavaScript. He has a B.Tech in computer science from PTU Jalandhar and has worked on projects involving web development, data extraction, and automation at companies including AMD, Thomson Reuters, and Zcore Technologies. His skills include full stack development, SDLC processes, and technical expertise in .NET, JavaScript, databases, source control, and more.
Integrating DevOps and ALM tools to speed delivery
Integrating DevOps and ALM tools to speed deliveryTasktop Test and build automation are important pieces of your DevOps toolchain, but these tools need to be integrated with your issue trackers and test management tools in order to optimize your software delivery.
Learn how to:
* Create defects in HPE Quality Center automatically when a Selenium test fails
* Update JIRA issues with build fail/pass information from Jenkins
* Create visibility and traceability across your value stream with data from all of your tools
Webinar september 2013
Webinar september 2013Marc Gille Stardust is a mature, industry-proven business process management suite that is now available as an open source project under the Eclipse Public License. It includes capabilities for workflow, system integration, and document management. Stardust has seen production deployments with over 10,000 users, 1,000,000 processes per day, and 300,000 documents per day. The codebase consists of over 3 million lines of code and 200 third-party libraries. The Stardust community is actively enhancing the knowledge base and collaborating with other projects.
Workflow automation for Front-end web applications
Workflow automation for Front-end web applicationsMayank Patel Building automation for client applications to support: Boilerplate
Dependency management
Framework
Abstrations
Build
Automation test
Docs
Continuous integration
Deployment
Performance optimization
Workflow
Deployment
Aug NYC July 12 event
Aug NYC July 12 eventAUGNYC Automating Deployments with Bamboo and Ansible - Randall Thomson, Senior TechOps Engineer - LogicMonitor
LogicMonitor uses Atlassian Bamboo and Ansible to manage the deployment of applications throughout their microservice based infrastructure. The process integrates tightly with the LogicMonitor API to programmatically set SDTs and OpsNotes. Additional integration with HipChat sends automated room notifications. Randall Thomson will speak on how the LogicMonitor TechOps team uses Ansible and Bamboo to empower their Development team to safely and securely deploy applications in test and production environments.
AI Powered Full Stack Monitoring using Dynatrace - Himanshu Chhetri, CTO - Addteq
How do you effectively monitor the health of your Atlassian ecosystem and easily troubleshoot issues? DynaTrace, one of the recommended monitoring tools in Atlassian's enterprise documentation, is capable of automatically detecting performance issues in infrastructure, application and even provide insights into user experience across the globe. Himanshu Chhetri will present insights and real-world use cases using DynaTrace to monitor your mission-critical Atlassian tools.
Normalizing x pages web development 
Normalizing x pages web development Shean McManus ICON US 2016 with Eric McCormick:
Using modern tooling and a separation of data and design to create a new pattern of Domino web development.
Prefect Workflow Applications 2023.pdf
Prefect Workflow Applications 2023.pdfJeff Hale The document discusses Prefect, an open source Python workflow application framework. It describes why workflows are needed (to interact with many systems, understand and react to events, and standardize workflows). It then explains what Prefect is (a Pythonic workflow application framework for developers) and how it works (as both an open source Python package and cloud-hosted solution for teams). The document demonstrates Prefect through a code example and discusses how it can power customizable activity reminder apps by setting workflows to run on schedules.
SilverStripe Meetup Presentation 03/03/2011
SilverStripe Meetup Presentation 03/03/2011Paul Rogers SilverStripe 3.0 will focus on improving core features and the user experience. It will separate the CMS from the framework and move to a more flexible object-relational mapper and templating system. Development will be community-driven using Git and follow an agile process with early alpha and beta releases targeted for mid-2011. Backwards compatibility will be important but some deprecated features may be removed.
SilverStripe Meetup 03/03/2011
SilverStripe Meetup 03/03/2011Paul Rogers SilverStripe 3.0 will focus on improving core features and the user experience. It will separate the CMS from the framework and move to a more flexible object-relational mapper and templating system. Development will be community-driven using Git and follow an agile process with early alpha and beta releases targeted for mid-2011. Backwards compatibility is a priority but some deprecated features may be removed.
Introduction to Back End Automation Testing - Nguyen Vu Hoang, Hoang Phi
Introduction to Back End Automation Testing - Nguyen Vu Hoang, Hoang PhiHo Chi Minh City Software Testing Club Back-end testing is an unfamiliar testing area to many testers, especially when the Back-end adopts web services technologies and has gigabytes of data need to be verified. The presentation will outlines numbers of testing activities that need to be done to deal with challenges.
Services/Domain Testing Introduction:
We have been providing automation test service for Back-end system which has web services, web application technologies and meta-data processing. The domain we has worked on is about Communication Media and Entertainment.
Challenges:
Complex business logic inside layer of data storage and processing to provide services. Different platforms under test.
Defragmented testing result so it is difficult to make decision.
Must align testing with development life cycle.
Solutions:
Apply automation testing to Continuous Integration.
Design automation test framework to deal with Shell, Web Service, Web Application, gigabytes of XML Data on Windows and Linux.
Select proper technology stack to centralize the testing result from both manual and automation teams.
Jenkins is continuous integration and continuous delivery application, as start point, run its job to build source code from development team. When unit testing for source code is passed, automated system test written by LISA is launched as flow controller for automation test framework.
The LISA’s core functionalities are to verify middleware layer, web services based on SOAP/RESTful and database. Extending LISA’ capabilities are also applied in practice to test different technologies under test such as web application by integrating with Selenium, Shell Script by JCraft and processing big data file by Xstream/JAXB.
SynapseIndia drupal presentation on drupal info
SynapseIndia drupal presentation on drupal infoSynapseindiappsdevelopment SynapseIndia Drupal development
SynapseIndia Ecommerce development
SynapseIndia Sharepoint development
SynapseIndia PHP development
SynapseIndia Dotnet development
SynapseIndia Magento development
SynapseIndia MS Dynamic CRM
SynapseIndia Complaints
SynapseIndia Reviews
DevOps and Decoys How to Build a Successful Microsoft DevOps Including the Data
DevOps and Decoys How to Build a Successful Microsoft DevOps Including the DataKellyn Pot'Vin-Gorman
Introduction to Back End Automation Testing - Nguyen Vu Hoang, Hoang Phi
Introduction to Back End Automation Testing - Nguyen Vu Hoang, Hoang PhiHo Chi Minh City Software Testing Club
More from frontendne (8)
Reacting pragmatically
Reacting pragmaticallyfrontendne This document provides code for a simple web page that displays a user-entered name. The code includes an input field where a name can be entered, and uses AngularJS bindings denoted by double curly braces to display the entered name in an H1 header element on the page. Additional commentary is provided on AngularJS fundamentals like data binding, controllers and scopes.
Improving your workflow with gulp
Improving your workflow with gulpfrontendne gulp is a task runner tool that improves workflow. It uses streams to run tasks concurrently for maximum speed. gulp has a minimal API with tasks, src and dest functions. It is faster than Grunt as it runs tasks concurrently without writing to temporary files. The future of gulp includes support for ES6 and improved error handling in gulp 4.
CSS Pseudo Classes
CSS Pseudo Classesfrontendne This document defines and provides examples of pseudo-classes and pseudo-elements in CSS. Pseudo-classes are used to define special states of elements, like hover or active states. Dynamic pseudo-classes include :hover, :link, :visited, and :active. Structural pseudo-classes select elements based on their position in the document tree, like :first-child or :nth-child(3). Pseudo-elements like ::first-line or ::before allow creating content that does not exist in the DOM, like generated text.
CSS Selectors
CSS Selectorsfrontendne Richard Carter from Peacock Carter takes the Frontend NE crowd though CSS selectors. From covering the basics to introducing some more obscure attribute selectors, there's plenty to brush up on!
Marionette: the Backbone framework
Marionette: the Backbone frameworkfrontendne Marionette.js is a JavaScript framework that builds upon Backbone.js to provide additional structure and functionality. It fills gaps in Backbone by implementing common patterns for views like ItemView, CollectionView, CompositeView, and LayoutView. These views provide functionality for rendering individual models, collections of models, composite views that combine a collection within a template, and complex nested layouts with multiple regions respectively. The framework is actively maintained by a core team and large community and used by many large applications for its flexibility, separation of concerns, and ability to build complex UIs through nesting of views and regions.
Marionette: Building your first app
Marionette: Building your first appfrontendne The document introduces Marionette, a JavaScript framework that helps build single page applications. It covers core Marionette concepts like routing, layouts, and event handling. It then provides an example of building a simple microblogging app to demonstrate rendering data and handling user input without advanced styling. The document lists Marionette components like the Application, AppRouter, Controller and Views that help link the page, routes, and data flow. It also mentions related Backbone concepts like Models, Collections, and event triggering that Marionette builds upon. Helpful links are provided and the author offers to answer any questions.
Css to-scss
Css to-scssfrontendne Rob Walker from Papertrail takes us through his recent journey from regular CSS to SCSS. If you’re thinking of making the switch yourself and just need a little push, this is the talk for you.
Speedy, solid, semantic layout with Susy
Speedy, solid, semantic layout with Susyfrontendne Speedy, solid, semantic layout with Susy. Martin Underhill from tempertemper takes us through using Susy, powerful yet lightweight layout tool built in Sass.
An introduction in to the world of front end automation - frontend ne (02 07-15)
- 1. Task Runners An introduction to the world of front-end automation Frontend NE - 02/07/2015
- 2. The web is evolving And it's difficult to keep up Growth of mobile Performance Bleeding edge Compatibility
- 3. Old habits die hard Your current process sucks Laborious Inefficient Lack of control Humans suck
- 5. Automation wins Save time and effort Consistency Maintainable Processes are always ran
- 6. Automate all the things The value of a task runner Handles preprocessing (Sass, Less, PostCSS, CoffeeScript) Concatenate and minify files Autoprefix CSS Asset compression File linting Live reloading
- 7. Class of 2015 Popular task runners Plug-ins History 4,844* Sept 2011 1,532* June 2013 233* Nov 2013 *Figures accurate as of July 1, 2015
- 9. Why Gulp? Smaller, more efficient plug-ins Built-in file watching functionality JavaScript configuration files Streams
- 10. Common tasks Popular plugins for front-end engineers gulp-sass gulp-autoprefixer gulp-minify-css We'll look at an example that uses all three :)
- 11. Getting started Install the necessary dependencies to get things going brewinstallnode npminstall-ggulp
- 12. Add gulp to an existing project npminstallgulp--save-dev Create and prepare your gulpfile.js touchgulpfile.js //Includegulp vargulp=require('gulp');
- 13. Production CSS with Gulp Install the required task plug-ins npminstallgulp-sass--save-dev npminstallgulp-autoprefixer--save-dev npminstallgulp-minify-css--save-dev
- 14. Update the project includes //Includeplug-ins varsass=require('gulp-sass'); varautoprefix=require('gulp-autoprefixer'); varminify=require('gulp-minify-css');
- 15. Define a new task Write the Gulp task that'll do all the work for us //Compile.scss,prefixproperties,minifytheCSS gulp.task('styles',function(){ gulp.src(['scss/*.scss']) .pipe(sass) .pipe(autoprefix('last2versions') .pipe(minify()) .pipe(gulp.dest('css')); }); Run it! //RunourCSStask gulpstyles
- 16. There's more!
- 17. Default task Because who wants to type unnecessary characters? //Defaultgulptask gulp.task('default',['styles']); Add multiple tasks gulp.task('default',['styles','js']); Build with one word gulp
- 18. The watcher Detect changes and rerun a task //Watchfor.scsschanges gulp.task('default',['styles'],function(){ gulp.watch('scss/*.scss',['styles']); });
- 20. Some pointers before you get stuck in Automate your most inefficient tasks first Invest time in your build process The command line is your friend
- 21. :')