The world of front-end development is changing fast. From the moment you start adopting a new technology, a newer and better one is emerging. It's a reality that's hard to face when you're getting good at obsolete technology.
Wordpress theme submission requirement for ThemeforestEnayet Rajib
This document outlines requirements for submitting WordPress themes to TheWebLab. It discusses having a team with skills in design, development, and familiarity with tools like Photoshop. Theme submissions must follow best practices for spacing, color contrast, typography, and be pixel-perfect, responsive, and include documentation. Themes must properly implement WordPress features and APIs, be secure and optimized, and pass unit tests. PHP, HTML/CSS, and JavaScript quality is important. Themes should incorporate plugins and move functionality there instead of the theme.
This document outlines a workshop on building custom responsive WordPress themes. The workshop will be led by Joe, a self-taught web developer with 17+ years of experience including 5 years working with WordPress, and David, a web developer with 2+ years of WordPress experience. The topics that will be covered include why to build a custom theme, available responsive themes, the basic framework for a responsive theme, theme building tips, and a code demo.
Submitting to the WordPress Theme DirectoryAnthony Hortin
Learn about the steps involved in getting a WordPress theme ready for submission to the WordPress Theme Directory. It covers the Theme Review Guidelines, WordPress development standards and the GPL requirements along with testing requirements. Everything you need to know about making your theme submission as smooth as possible.
The document announces WordCamp Norway and provides information about WordPress 3.2 including performance improvements, a distraction-free writing mode, an admin UI refresh, a new default theme, and more. It also summarizes new features of bbPress 2.0 like seamless integration with WordPress and unlimited installations on Multisite. The document directs attendees to WordPress resources and information for following discussions about the event.
If you’re building Oracle APEX applications, there’s a good chance that they are business-centric applications that will mostly be used by employees of your organization. The main goal of the user interface of these applications is to be functional and intuitive, not flashy and eccentric. Throw in the challenges of cross-browser compatibility and mobile support, and designing a user interface gets pretty complex. This session will outline some techniques and tools that can be applied when designing user interfaces for these business-centric applications. All solutions will be presented in a format that does not require advanced graphics design experience.
Learn the basics of building WordPress themes. This presentation is appropriate for people who are somewhat familiar with PHP and databases.
To Learn More, check out http://techliminal.com
The document discusses best practices for developing websites using WordPress. It covers using WordPress as a content management system and blogging platform. It also summarizes using WordPress features like custom post types, custom fields, options API, transients API, and interacting with APIs. The document advocates following WordPress standards and using its built-in functions over directly modifying code or adding custom tables. It provides resources for learning more about WordPress development.
This document provides tips for optimizing ExpressionEngine websites. It discusses using embedded templates efficiently, removing unused templates and data, optimizing database tables, keeping EE and add-ons upgraded, implementing template caching including Solspace add-ons, tuning MySQL settings like max connections and query cache, and tips for high traffic sites including disabling tracking temporarily. It also provides resources for MySQL tuning and encourages community help and troubleshooting.
Wordpress theme submission requirement for ThemeforestEnayet Rajib
This document outlines requirements for submitting WordPress themes to TheWebLab. It discusses having a team with skills in design, development, and familiarity with tools like Photoshop. Theme submissions must follow best practices for spacing, color contrast, typography, and be pixel-perfect, responsive, and include documentation. Themes must properly implement WordPress features and APIs, be secure and optimized, and pass unit tests. PHP, HTML/CSS, and JavaScript quality is important. Themes should incorporate plugins and move functionality there instead of the theme.
This document outlines a workshop on building custom responsive WordPress themes. The workshop will be led by Joe, a self-taught web developer with 17+ years of experience including 5 years working with WordPress, and David, a web developer with 2+ years of WordPress experience. The topics that will be covered include why to build a custom theme, available responsive themes, the basic framework for a responsive theme, theme building tips, and a code demo.
Submitting to the WordPress Theme DirectoryAnthony Hortin
Learn about the steps involved in getting a WordPress theme ready for submission to the WordPress Theme Directory. It covers the Theme Review Guidelines, WordPress development standards and the GPL requirements along with testing requirements. Everything you need to know about making your theme submission as smooth as possible.
The document announces WordCamp Norway and provides information about WordPress 3.2 including performance improvements, a distraction-free writing mode, an admin UI refresh, a new default theme, and more. It also summarizes new features of bbPress 2.0 like seamless integration with WordPress and unlimited installations on Multisite. The document directs attendees to WordPress resources and information for following discussions about the event.
If you’re building Oracle APEX applications, there’s a good chance that they are business-centric applications that will mostly be used by employees of your organization. The main goal of the user interface of these applications is to be functional and intuitive, not flashy and eccentric. Throw in the challenges of cross-browser compatibility and mobile support, and designing a user interface gets pretty complex. This session will outline some techniques and tools that can be applied when designing user interfaces for these business-centric applications. All solutions will be presented in a format that does not require advanced graphics design experience.
Learn the basics of building WordPress themes. This presentation is appropriate for people who are somewhat familiar with PHP and databases.
To Learn More, check out http://techliminal.com
The document discusses best practices for developing websites using WordPress. It covers using WordPress as a content management system and blogging platform. It also summarizes using WordPress features like custom post types, custom fields, options API, transients API, and interacting with APIs. The document advocates following WordPress standards and using its built-in functions over directly modifying code or adding custom tables. It provides resources for learning more about WordPress development.
This document provides tips for optimizing ExpressionEngine websites. It discusses using embedded templates efficiently, removing unused templates and data, optimizing database tables, keeping EE and add-ons upgraded, implementing template caching including Solspace add-ons, tuning MySQL settings like max connections and query cache, and tips for high traffic sites including disabling tracking temporarily. It also provides resources for MySQL tuning and encourages community help and troubleshooting.
This document provides information on child themes in WordPress. It explains that child themes allow customizations to a parent theme without overwriting the theme's files when upgrading. It outlines how to set up a child theme, including requiring a style.css file, functions.php file, and setting the template. It also demonstrates the Twenty Seventeen theme and best practices for its header images, home page sections, and recommended image dimensions.
Responsive vs Adaptive Web Design - What about Device Channels?Stefan Bauer
In this presentation I give a brief introduction into Responsive Web Design, Adaptive Web Design and SharePoint Device Channels.
What are the key facts and what needs to be considered to build a great user experience no matter what or where you like to view the content.
Optimizing WordPress - WordPress SF Meetup April 2012Ben Metcalfe
The document discusses various levels of WordPress optimization. Level 1 focuses on keeping WordPress updated, using caching plugins like W3 Total Cache, deactivating unused plugins, and reviewing themes. Level 2 includes offloading images, feedburning RSS feeds, repairing the MySQL database, and using multiple subdomains. Level 3 suggests logging slow queries, profiling with tools, using a CDN, optimizing images, and using an opcode cache. Level 4 covers more advanced techniques like reverse proxying with Nginx, Varnish caching, Memcache, HyperDB, and static hosting on S3. The document advises against editing core files and notes that Amazon EC2 alone does not optimize performance.
The document discusses features and uses of the content management system Joomla. It provides examples of common website types that can be built with Joomla like corporate websites, ecommerce sites, non-profit sites, and personal homepages. It also lists extensions that are available for Joomla like form builders, directories, document management, ecommerce, and more. Administration features of Joomla allow managing content, images, news feeds, archives, polls and more. The document also covers optimization, security, and comparisons of Joomla to Drupal and commercial systems.
The document features three YouTube videos about air conditioners and air purifiers. It discusses featured videos on aparate de aer conditionat (air conditioning devices) and offers for ventilators and purificators. An online store selling air conditioners is also mentioned.
This document provides instructions for setting up a local test environment for WordPress development using MAMP, WAMP, or XAMPP on Mac or Windows. It discusses the requirements and benefits of a local development environment and then walks through installing and configuring each platform to serve WordPress. The document concludes with guidance on migrating the development site content to a live production server.
Next.js is a React framework that allows building universal apps that work on both client and server. It addresses issues with SEO, performance, and code splitting in single-page apps. Next.js provides out-of-the-box features like server-side rendering, automatic code splitting, optimized builds, and more. It has a simple project structure where pages are individual React components and routing is file-based. While routing can be customized, the default routing only supports route paths that resolve to page files. Overall, Next.js streamlines universal React apps with its features and optimizations.
Sap netweaver java certification trainingSap Materials
Contact Us At : www.erpexams.com
Email Us At : sapmaterials4u@gmail.com
ERP Certification, ERP Education, ERP Training Materials, ERP Courses
DECEMBER OFFER: Get 18% FLAT OFF on SPOT Purchase & Payments***
***NOW Offer Left For Just First 50 Customers ONLY
Have Questions ?? <<--CLICK HERE
::: Get ERP Certification Courses For Any Below ERP Module :::
NEW: BO 4.0, TZMDG1, EH&S, HANA 1.0, Banking 8.0
Latest : EHP5 / EHP4 - SD, MM, EWM, LE, Banking 7.0, SCM 7.0, HANA , ECC 6.0 IS-Media : IMD320,IMD700, CRM 7.0, BusinessObjects-BOU310, BOU320, BOW310,BOW320,BOE320,BOE310,BOE330,BOI300,BOX310,BOQ300,BOC310,BOC320,BOC330 - Latest 2012 v096 Courses, BPC 10.0 - BPC410, BPC420, BPC430,BPC440 - Latest 2009 Courses, BPC340, Real Estate, EWM, GTS, BPC-CPM (OutLooksoft), Citrix & VMware Study & Training Materials, GRC, SOA, GTS, Public Sector, Tutorials, BluePrints, v091, v092, v093, v096, v010, v097, Col96, Col95,Col93, Col92, Col91, Col84, Col81, Col74, Col72, Col71, Col62, Col10, Col97, HA100, HA200, HA300 Many More New Courses Available. C O N T A C T: sapmaterials4u@gmail.com (For Questions & Live Google Chat) : www.erpexams.com
( Click On Any Navigation Links For Module Course List Details & Price )
( Oracle : R12 Courses, Hyperion Materials All Available, Ask Us For Details )
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
E-Commerce business is on heat now a days and without a good website you can't survive long. Choosing CMS like wordpress you can be a step ahead of your competitors in the market. So, learn how to make a simple wordpress site in simple steps.
This document provides an overview and recommendations for setting up a WordPress site, including:
1. It recommends selecting a domain registrar and web host, and discusses the pros and cons of having them with the same account.
2. It provides a list of recommended managed and self-managed web hosts that support WordPress installations.
3. It offers tips for securing WordPress sites, including using strong passwords, regular backups, and security plugins.
This document provides steps for installing OBIEE 10.1.3.4 server on Windows, including downloading required software, running the executable file, selecting a basic or advanced installation mode, specifying JDK and database locations, verifying installed components, and default usernames and passwords.
Shaping Up Theme Roller Beyond Universal ThemeInsum Solutions
You're probably using Theme Roller along with Universal Theme lately. While being awesome, Universal Theme can't always be used on customer projects because of branding. Did you know you can bring Theme Roller to absolutely any other APEX theme? Theme Roller's attributes are 100% customizable.
It takes an average of 6 gallons of water to produce one gallon of wine. The sustainable amount is 2-3 gallons of water per gallon of wine. Most of the water used in wineries goes to cleaning equipment between uses. The Robert Mondavi Institute at UC Davis is studying ways for California wineries to conserve water and operate more sustainably, such as capturing water and chemicals from cleaning cycles to reuse, and using solar power and green chemistry. Their goal is to create a self-sustainable, zero carbon winery facility.
Este documento explica el uso de las tildes en los pronombres y palabras interrogativos y exclamativos como qué, quién, cómo, cuál, dónde, cuándo, cuánto, cuán y adónde. También cubre el uso de tildes en oraciones interrogativas y exclamativas directas e indirectas.
Presentación sobre Reglas de AcentuaciónSeñor Tilde
La tilde es un signo ortográfico que se coloca sobre algunas letras para indicar su acentuación. Se utiliza en palabras agudas, llanas y esdrújulas para marcar el énfasis en la sílaba correspondiente. La tilde cumple una función fonética y ortográfica al facilitar la correcta pronunciación de las palabras.
This document contains the resume of Divyang Harishbhai Bhavsar. It summarizes his objective to excel with knowledge, sincerity and teamwork. It outlines his 2+ years of experience as a QA Engineer, including manual testing, automation testing using Selenium IDE, and database testing using MySQL and Oracle. It also provides details of his educational qualifications and professional experience working as a Tester and Sr. Executive QA Engineer. Finally, it includes details of two projects he worked on, involving mutual fund transaction management and a point scoring system, along with the technologies used and his roles and responsibilities.
This document provides instructions for programming and operating the control system for commercial washing machines. It lists the model numbers that the instructions apply to and provides a glossary of terms. It describes the programmable features of the control system, which allow the owner to customize cycles, retrieve audit information, run diagnostic tests, and more. Flowcharts are included to illustrate the processes for programming options, running diagnostics, and performing other functions.
The consumer needed new spectacles after a checkup showed a change in prescription. They searched online and in stores, prioritizing budget, durability, and style. They chose a pair within 30 minutes with input from a friend. The experience has been average due to the glasses feeling heavy.
A new headset was needed for better sound quality and aesthetics. The consumer researched options online, comparing reviews and prices on multiple sites. They chose a Sony model that offered good sound for the budget. Though somewhat heavy, they are very satisfied overall.
Bournvita was repurchased as the previous pack was finished. The consumer instantly rebought the same flavor due to familiarity and past disappointments with
This document provides information on child themes in WordPress. It explains that child themes allow customizations to a parent theme without overwriting the theme's files when upgrading. It outlines how to set up a child theme, including requiring a style.css file, functions.php file, and setting the template. It also demonstrates the Twenty Seventeen theme and best practices for its header images, home page sections, and recommended image dimensions.
Responsive vs Adaptive Web Design - What about Device Channels?Stefan Bauer
In this presentation I give a brief introduction into Responsive Web Design, Adaptive Web Design and SharePoint Device Channels.
What are the key facts and what needs to be considered to build a great user experience no matter what or where you like to view the content.
Optimizing WordPress - WordPress SF Meetup April 2012Ben Metcalfe
The document discusses various levels of WordPress optimization. Level 1 focuses on keeping WordPress updated, using caching plugins like W3 Total Cache, deactivating unused plugins, and reviewing themes. Level 2 includes offloading images, feedburning RSS feeds, repairing the MySQL database, and using multiple subdomains. Level 3 suggests logging slow queries, profiling with tools, using a CDN, optimizing images, and using an opcode cache. Level 4 covers more advanced techniques like reverse proxying with Nginx, Varnish caching, Memcache, HyperDB, and static hosting on S3. The document advises against editing core files and notes that Amazon EC2 alone does not optimize performance.
The document discusses features and uses of the content management system Joomla. It provides examples of common website types that can be built with Joomla like corporate websites, ecommerce sites, non-profit sites, and personal homepages. It also lists extensions that are available for Joomla like form builders, directories, document management, ecommerce, and more. Administration features of Joomla allow managing content, images, news feeds, archives, polls and more. The document also covers optimization, security, and comparisons of Joomla to Drupal and commercial systems.
The document features three YouTube videos about air conditioners and air purifiers. It discusses featured videos on aparate de aer conditionat (air conditioning devices) and offers for ventilators and purificators. An online store selling air conditioners is also mentioned.
This document provides instructions for setting up a local test environment for WordPress development using MAMP, WAMP, or XAMPP on Mac or Windows. It discusses the requirements and benefits of a local development environment and then walks through installing and configuring each platform to serve WordPress. The document concludes with guidance on migrating the development site content to a live production server.
Next.js is a React framework that allows building universal apps that work on both client and server. It addresses issues with SEO, performance, and code splitting in single-page apps. Next.js provides out-of-the-box features like server-side rendering, automatic code splitting, optimized builds, and more. It has a simple project structure where pages are individual React components and routing is file-based. While routing can be customized, the default routing only supports route paths that resolve to page files. Overall, Next.js streamlines universal React apps with its features and optimizations.
Sap netweaver java certification trainingSap Materials
Contact Us At : www.erpexams.com
Email Us At : sapmaterials4u@gmail.com
ERP Certification, ERP Education, ERP Training Materials, ERP Courses
DECEMBER OFFER: Get 18% FLAT OFF on SPOT Purchase & Payments***
***NOW Offer Left For Just First 50 Customers ONLY
Have Questions ?? <<--CLICK HERE
::: Get ERP Certification Courses For Any Below ERP Module :::
NEW: BO 4.0, TZMDG1, EH&S, HANA 1.0, Banking 8.0
Latest : EHP5 / EHP4 - SD, MM, EWM, LE, Banking 7.0, SCM 7.0, HANA , ECC 6.0 IS-Media : IMD320,IMD700, CRM 7.0, BusinessObjects-BOU310, BOU320, BOW310,BOW320,BOE320,BOE310,BOE330,BOI300,BOX310,BOQ300,BOC310,BOC320,BOC330 - Latest 2012 v096 Courses, BPC 10.0 - BPC410, BPC420, BPC430,BPC440 - Latest 2009 Courses, BPC340, Real Estate, EWM, GTS, BPC-CPM (OutLooksoft), Citrix & VMware Study & Training Materials, GRC, SOA, GTS, Public Sector, Tutorials, BluePrints, v091, v092, v093, v096, v010, v097, Col96, Col95,Col93, Col92, Col91, Col84, Col81, Col74, Col72, Col71, Col62, Col10, Col97, HA100, HA200, HA300 Many More New Courses Available. C O N T A C T: sapmaterials4u@gmail.com (For Questions & Live Google Chat) : www.erpexams.com
( Click On Any Navigation Links For Module Course List Details & Price )
( Oracle : R12 Courses, Hyperion Materials All Available, Ask Us For Details )
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
E-Commerce business is on heat now a days and without a good website you can't survive long. Choosing CMS like wordpress you can be a step ahead of your competitors in the market. So, learn how to make a simple wordpress site in simple steps.
This document provides an overview and recommendations for setting up a WordPress site, including:
1. It recommends selecting a domain registrar and web host, and discusses the pros and cons of having them with the same account.
2. It provides a list of recommended managed and self-managed web hosts that support WordPress installations.
3. It offers tips for securing WordPress sites, including using strong passwords, regular backups, and security plugins.
This document provides steps for installing OBIEE 10.1.3.4 server on Windows, including downloading required software, running the executable file, selecting a basic or advanced installation mode, specifying JDK and database locations, verifying installed components, and default usernames and passwords.
Shaping Up Theme Roller Beyond Universal ThemeInsum Solutions
You're probably using Theme Roller along with Universal Theme lately. While being awesome, Universal Theme can't always be used on customer projects because of branding. Did you know you can bring Theme Roller to absolutely any other APEX theme? Theme Roller's attributes are 100% customizable.
It takes an average of 6 gallons of water to produce one gallon of wine. The sustainable amount is 2-3 gallons of water per gallon of wine. Most of the water used in wineries goes to cleaning equipment between uses. The Robert Mondavi Institute at UC Davis is studying ways for California wineries to conserve water and operate more sustainably, such as capturing water and chemicals from cleaning cycles to reuse, and using solar power and green chemistry. Their goal is to create a self-sustainable, zero carbon winery facility.
Este documento explica el uso de las tildes en los pronombres y palabras interrogativos y exclamativos como qué, quién, cómo, cuál, dónde, cuándo, cuánto, cuán y adónde. También cubre el uso de tildes en oraciones interrogativas y exclamativas directas e indirectas.
Presentación sobre Reglas de AcentuaciónSeñor Tilde
La tilde es un signo ortográfico que se coloca sobre algunas letras para indicar su acentuación. Se utiliza en palabras agudas, llanas y esdrújulas para marcar el énfasis en la sílaba correspondiente. La tilde cumple una función fonética y ortográfica al facilitar la correcta pronunciación de las palabras.
This document contains the resume of Divyang Harishbhai Bhavsar. It summarizes his objective to excel with knowledge, sincerity and teamwork. It outlines his 2+ years of experience as a QA Engineer, including manual testing, automation testing using Selenium IDE, and database testing using MySQL and Oracle. It also provides details of his educational qualifications and professional experience working as a Tester and Sr. Executive QA Engineer. Finally, it includes details of two projects he worked on, involving mutual fund transaction management and a point scoring system, along with the technologies used and his roles and responsibilities.
This document provides instructions for programming and operating the control system for commercial washing machines. It lists the model numbers that the instructions apply to and provides a glossary of terms. It describes the programmable features of the control system, which allow the owner to customize cycles, retrieve audit information, run diagnostic tests, and more. Flowcharts are included to illustrate the processes for programming options, running diagnostics, and performing other functions.
The consumer needed new spectacles after a checkup showed a change in prescription. They searched online and in stores, prioritizing budget, durability, and style. They chose a pair within 30 minutes with input from a friend. The experience has been average due to the glasses feeling heavy.
A new headset was needed for better sound quality and aesthetics. The consumer researched options online, comparing reviews and prices on multiple sites. They chose a Sony model that offered good sound for the budget. Though somewhat heavy, they are very satisfied overall.
Bournvita was repurchased as the previous pack was finished. The consumer instantly rebought the same flavor due to familiarity and past disappointments with
El documento habla sobre la mecanoterapia, un tratamiento fisioterapéutico que utiliza aparatos mecánicos para producir movimiento corporal y tratar lesiones. Describe algunos aparatos de mecanoterapia como la rueda de hombro, la bicicleta cinética y los aparatos de tracción. También menciona las espalderas y las indicaciones y contraindicaciones de la mecanoterapia.
This document discusses using APEX Nitro to improve the APEX development process. APEX Nitro allows developers to write CSS and JavaScript locally and have changes automatically synced to their APEX application. It provides features like error handling, minification, concatenation, and preprocessing to boost performance and maintainability. The document reviews how to install, configure, and use APEX Nitro to enhance the front-end development experience.
This document provides a summary of an individual's qualifications and experience working with Salesforce and cloud computing technologies. It summarizes their educational background, work history including projects implementing Salesforce applications for various clients, and technical skills including Salesforce administration, development with Apex, and integration of Salesforce with other applications. Their experience includes customizing standard and building custom objects in Salesforce, as well as implementing workflows, approvals, reports, and dashboards.
Unlocking the power of the APEX Plugin ArchitectureMatt Nolan
Slides from AUSOUG Webinar 24-Aug-2017. Sorry most of the good stuff was in the Live demos.
Abstract: Get an in depth look into the APEX plugin architecture focusing on region plugins and dynamic actions. In this session you’ll learn about some of the techniques used for developing plugin interoperability and explore the best practices when in comes to designing plugins. We’ll focus on how you can communicate between plugins, increase code centralization, decrease maintenance and plug the functionality gaps in your APEX application.
The future of web development write once, run everywhere with angular.js and ...Mark Roden
This slide deck was used in support of BTE 102 - The future of web development write once, run everywhere with angular.js and domino at IBMConnectED 2015
Presentation was given with Mark Leusink
The future of web development write once, run everywhere with angular js an...Mark Leusink
This document provides a summary of a presentation on using AngularJS and IBM Domino to build modern web applications.
The presentation introduces AngularJS, an open-source JavaScript framework, and how it uses a model-view-controller architecture. It also discusses using IBM Domino as a RESTful backend service via Domino Access Services or a custom REST API.
The presentation demonstrates a sample conference scheduling app built with AngularJS, Bootstrap, and data from an IBM Domino database. The app runs entirely on the client-side and shows how AngularJS allows building portable web apps that can run on any device or platform.
This document contains the professional summary and experience of Ashok Dhara. He has 3 years of experience as a Salesforce developer and administrator. Some of his skills and responsibilities include developing Apex classes and triggers, Visualforce pages, and customizing profiles, page layouts, and fields. He has worked on projects for clients like GMC and Glaxosmithkline involving building applications on the Salesforce platform.
The document provides a summary of Om Prakash Gupta's professional experience and qualifications. He has over 11 years of experience developing applications using technologies like ASP.NET, Azure Cloud, C#, WCF, WPF, SQL Server, and more. He is a Microsoft Certified Technology Specialist in both WCF and WPF. His experience includes roles as a technical architect, module lead, and consultant at various companies including Microsoft and Mercer India.
Get going with CakePHP Framework at gnuNify 2010Abbas Ali
The document provides an overview of the CakePHP web application framework, explaining what it is, its history and features such as its MVC architecture and convention over configuration approach. It also gives instructions on installing CakePHP and describes its directory structure and common patterns for models, controllers and views.
The document provides an overview of scaling principles for web applications, beginning with optimizing a single server application and progressing to more advanced architectures involving load balancing, multiple web/application servers, and multiple database servers. It discusses profiling applications to identify bottlenecks, various caching and optimization strategies, Apache configuration for handling load, and links to additional resources on related topics.
The document provides an overview of scaling principles for web applications, beginning with optimizing a single server application and progressing to more advanced architectures involving load balancing, multiple web/application servers, and multiple database servers. It discusses profiling applications to identify bottlenecks, various caching and optimization strategies, Apache configuration for prefork MPM, and load balancing technologies like DNS round robin, Apache reverse proxy, HAProxy and Pound. Links are provided to additional resources on related topics.
Getting Started with Site Designs and Site Scripts - NACollabSummit 2019Drew Madelung
The concept of building SharePoint site templates has evolved. We now have site scripts and site designs that we can utilize to build templates for modern SharePoint sites. With these solutions we can empower the end users or administrators to drive consistent SharePoint experiences. In this session I will break down what site designs and site scripts are and how you can get started using them today within your enterprise.
The document provides an overview of Google App Engine, a platform for developing and hosting web applications on Google's infrastructure. It discusses the different language runtimes, services, and development tools available on App Engine and highlights some example applications that have been built on the platform. The document also shares experiences from Latin American users and details some new features recently added to App Engine like cursors, task queues, and cron jobs.
The Automation Summit is the leading peer-to-peer educational and networking event for IT automation professionals. As an attendee, you’ll learn why today’s automation innovations are critical for your operation. Plan to be part of this year’s knowledge exchange, April 27 at the Park Plaza, Bangalore.
It has been aimed to provide IT automation industry a unique platform to converge and showcase its capabilities and products. It also allows managers and engineers working in IT Automation projects to exchange, engage and explore new opportunities.
This document contains the resume of Rahul Singh, who has 5 years of experience as a Senior .NET Software Developer. He has experience developing applications using technologies like C#, ASP.NET MVC, WCF, SQL Server, and more. His most recent role was as an Application Consultant at Daimler Southeast Asia, where he worked on projects like an infrastructure services system. He has also worked on automation scripting projects. The resume lists his education qualifications and provides details on some of his past projects.
Atlassian's P2 plugin system is fantastic for developers familiar with Maven, Java, OSGi, and (generally speaking) tools built over a decade ago. But where do the modern front-end development tools and techniques fit in to the picture? Join developer Chris Darroch as he explains how to build a sophisticated front-end for an Atlassian add-on using technologies like Node.js, Gulp, Wepback, and JavaScript transpiled from TypeScript / ES2015. He'll cover the basic front-end pillars of the P2 system, talk about how Maven applies to writing front-end code. Note: this session assumes familiarity with JavaScript and Node.js.
Chris Darroch, Senior Developer, Atlassian
Keshav Puttaswamy, Head of Product, Server, Atlassian
This document is a resume for Tim Bevers summarizing his objective and over 18 years of experience in IT. It details his roles at Peak Hosting and Adidas Group where he served as a senior Mac support engineer and Mac support engineer, respectively, and provided hardware and software support. It also outlines his experience at Nike spanning over 12 years where he held various IT roles including desktop support, advanced desktop support, desktop team lead, and lead of the retail technology innovation team.
Developing High Performance Web Apps - CodeMash 2011Timothy Fisher
This document provides an overview of techniques for developing high performance web applications. It discusses why front-end performance matters, and outlines best practices for optimizing page load times, using responsive interfaces, loading and executing JavaScript efficiently, and accessing data. The presentation recommends tools for monitoring and improving performance, such as Firebug, Page Speed, and YSlow.
Amazon SageMaker is a fully managed platform for data scientists and developers to build, train and deploy machine learning models in production applications. In this workshop, you will learn how to integrate Amazon SageMaker with other AWS services in order to meet enterprise requirements. Using Amazon S3, Amazon Glue, Amazon KMS, Amazon SageMaker, Amazon CodeStar, Amazon ECR, IAM; we will walkthrough the machine learning lifecycle in an integrated AWS environment and discuss best practices. Attendees must have some familiarities with AWS products as well as a good understanding of machine learning theory. The dataset for the workshop will be provided.
Step-by-Step: APEX Installation on Tomcat (Windows Server 2016)sheriframadan18
This is a practical workshop about deploying the Oracle APEX application in the Apache Tomcat Server from your local machine.
Apache Tomcat, being a Java-based application requires Java to be installed in your local and you will be learning how to set up Java to start the server without any issues.
The setup process will be smooth as Apache Tomcat is a lightweight application. With Tomcat being installed, you will learn the connection between APEX-ORDS-Tomcat.
You will get to know the system requirements for installing Oracle APEX.
You will learn the installation process of Oracle Database, APEX, and ORDS on your local machine. The installation will help you to know the role of ORDS and which is necessary for deployment in Apache Tomcat.
APEX HROUG 2019 - Universal Theme: Tips and TweaksMarko Gorički
Universal Theme is one of the top APEX features because it enables developers to work on the data models and business logic instead of dealing with UI problems.
Universal Theme is like playing with Legos. Just pick your blocks and be creative. It consists of many ready to use components that can easily be customized by changing declarative properties.
What if you want to customize it to fit your company's brand? Where to start? By developing a custom theme or by customizing Universal Theme? What are the possible problems?
Answers to these and many other questions will be answered during this presentation.
Similar to When You're Getting Good at an Obsolete Technology (20)
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
HCL Notes and Domino License Cost Reduction in the World of DLAUpanagenda
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
Generating privacy-protected synthetic data using Secludy and MilvusZilliz
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
Dive into the realm of operating systems (OS) with Pravash Chandra Das, a seasoned Digital Forensic Analyst, as your guide. 🚀 This comprehensive presentation illuminates the core concepts, types, and evolution of OS, essential for understanding modern computing landscapes.
Beginning with the foundational definition, Das clarifies the pivotal role of OS as system software orchestrating hardware resources, software applications, and user interactions. Through succinct descriptions, he delineates the diverse types of OS, from single-user, single-task environments like early MS-DOS iterations, to multi-user, multi-tasking systems exemplified by modern Linux distributions.
Crucial components like the kernel and shell are dissected, highlighting their indispensable functions in resource management and user interface interaction. Das elucidates how the kernel acts as the central nervous system, orchestrating process scheduling, memory allocation, and device management. Meanwhile, the shell serves as the gateway for user commands, bridging the gap between human input and machine execution. 💻
The narrative then shifts to a captivating exploration of prominent desktop OSs, Windows, macOS, and Linux. Windows, with its globally ubiquitous presence and user-friendly interface, emerges as a cornerstone in personal computing history. macOS, lauded for its sleek design and seamless integration with Apple's ecosystem, stands as a beacon of stability and creativity. Linux, an open-source marvel, offers unparalleled flexibility and security, revolutionizing the computing landscape. 🖥️
Moving to the realm of mobile devices, Das unravels the dominance of Android and iOS. Android's open-source ethos fosters a vibrant ecosystem of customization and innovation, while iOS boasts a seamless user experience and robust security infrastructure. Meanwhile, discontinued platforms like Symbian and Palm OS evoke nostalgia for their pioneering roles in the smartphone revolution.
The journey concludes with a reflection on the ever-evolving landscape of OS, underscored by the emergence of real-time operating systems (RTOS) and the persistent quest for innovation and efficiency. As technology continues to shape our world, understanding the foundations and evolution of operating systems remains paramount. Join Pravash Chandra Das on this illuminating journey through the heart of computing. 🌟
Best 20 SEO Techniques To Improve Website Visibility In SERPPixlogix Infotech
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slackshyamraj55
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...alexjohnson7307
Predictive maintenance is a proactive approach that anticipates equipment failures before they happen. At the forefront of this innovative strategy is Artificial Intelligence (AI), which brings unprecedented precision and efficiency. AI in predictive maintenance is transforming industries by reducing downtime, minimizing costs, and enhancing productivity.
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...Tatiana Kojar
Skybuffer AI, built on the robust SAP Business Technology Platform (SAP BTP), is the latest and most advanced version of our AI development, reaffirming our commitment to delivering top-tier AI solutions. Skybuffer AI harnesses all the innovative capabilities of the SAP BTP in the AI domain, from Conversational AI to cutting-edge Generative AI and Retrieval-Augmented Generation (RAG). It also helps SAP customers safeguard their investments into SAP Conversational AI and ensure a seamless, one-click transition to SAP Business AI.
With Skybuffer AI, various AI models can be integrated into a single communication channel such as Microsoft Teams. This integration empowers business users with insights drawn from SAP backend systems, enterprise documents, and the expansive knowledge of Generative AI. And the best part of it is that it is all managed through our intuitive no-code Action Server interface, requiring no extensive coding knowledge and making the advanced AI accessible to more users.
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on integration of Salesforce with Bonterra Impact Management.
Interested in deploying an integration with Salesforce for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Digital Marketing Trends in 2024 | Guide for Staying AheadWask
https://www.wask.co/ebooks/digital-marketing-trends-in-2024
Feeling lost in the digital marketing whirlwind of 2024? Technology is changing, consumer habits are evolving, and staying ahead of the curve feels like a never-ending pursuit. This e-book is your compass. Dive into actionable insights to handle the complexities of modern marketing. From hyper-personalization to the power of user-generated content, learn how to build long-term relationships with your audience and unlock the secrets to success in the ever-shifting digital landscape.
4. 4
• North America’s largest APEX consulting firm
• 12 years working with Oracle APEX
• 80 employees and growing
• Committed to APEX innovation
• Our services: application development, coaching,
consulting, EBS extensions, and Forms migration
• Visit insum.ca for more information!
19. 19
On the command line
• Open a command line
• Go to desired directory
Ex: cd c:sandbox
• Execute:
git clone https://github.com/OraOpenSource/apex-
frontend-boost.git
cd apex-frontend-boost
npm install
24. 24
Build Option
• Not for PROD
• Scoping to DEV
• Create a Build Option
Shared Components > Build Options (BO)
Setting Value
Build Option DEV_ONLY
Status Include
Default on Export Exclude
25. 25
Application Process
• Used to overwrite #APP_IMAGES#
• Made possible by a simple cookie
• Notes:
Prod env. uses default #APP_IMAGES#
Dev env. uses localhost (local files)
26. 26
Application Process (…)
• Create Application Process
Name Setting
Sequence -999
Process Point On Load: Before Header (page template header)
Name OOS APEX Front-End Boost Config
Build Option DEV_ONLY
Source See below
declare
l_cookie owa_cookie.cookie;
begin
l_cookie := owa_cookie.get('oos-apex-frontend-boost-app-images');
if l_cookie.vals.count > 0 then
apex_application.g_flow_images := l_cookie.vals(1);
end if;
end;
29. 29
Three Options
• From the command line
npm start -- --project=yourProjectName
• From Windows
Launch apex-frontend-boost.bat
Enter project name
• From Linux/OS X
./apex-frontend-boost.sh
Enter project name
40. 40
Theme Roller
• Custom attributes
• config.json example
• More on my other
session
"themeroller":{
"enabled": false,
"finalName": "themeroller",
"files" : []
}
42. 42
What it does How it helps you
Minifies code Saves time
Concatenates code Performance ++
Sourcemaps Favorite coding environment
SCSS / Less No more browser manual refresh
Vendor prefixes Changes only affects you
Theme Roller Error notifications
More…
Recap
43. 43
Official Github Page
• https://github.com/OraOpenSource/apex-frontend-boost
• Provide feedback
• Submit issues
Hello everyone! You know, it’s always awkward when you have to decide a session title several months in advance, especially when you only have a slight idea of what the content will be.
When I submitted the session as “When you’re getting good at an obsolete technology”, I kind of knew the direction I was taking. Months have passed and an actual open source project came out of it.
Several weeks ago we unveiled an Open Source APEX project that generated a lot of noise on social media.
The project is released under OraOpenSource which has well over ten active Oracle and Oracle APEX projects under it’s belt. It’s been sponsored by Insum since the very beginning, so I want to thank them for allowing us to spend that much time into the development process.
Thank you all for being here, I’m excited to present APEX Front-End Boost to you even though it’s a few weeks old already.
My name is Vincent, I’m a developer, I’ve been working with APEX for over 6 years now
You might know me from Twitter or my blog. I’ve contributed to some interesting open source projects. You can ping me on any of those mediums, it’ll be my pleasure to chat with you and I’m usually pretty fast to reply.
Also, if you want to contribute to one of my open source projects, just know that I’m very keen to that as well.
For those who don’t know Insum, we are the North America’s largest APEX consulting firm. We do application development, coaching, training, consulting and much more.
Until the end of the session, I will go back and forth from this presentation to live demos.
If Murphy’s law is against me, it WILL probably crash.
Bare with me and wish me luck.
As you would’ve suspected, today we’re going to talk about Front-end. Before we do so, let’s quickly make sure everyone understands the difference between front-end and back-end developers.
You may have seen the iceberg analogy before. We know that the ice above the water represents the front-end stack. It is what users see and interact with. HTML, CSS and JavaScript are the front-end developer’s core technology.
Underwater represents the back-end stack. We live and breath Oracle, do we? So that means Database Design, SQL, PL/SQL etc.
Some of you may very well be considered full-stack developers. That is when you’re as comfortable on the front-end than on the back-end side. In the world of APEX, we always do a little bit of both right?
Lately we’ve seen some crazy Node.js projects along with APEX, which pretty much fills the gap between the two stacks, as it allows to code seamlessly between front-end and back-end using JavaScript as a single language. Just look at the biggest APEX conferences. Look around the Kscope schedule. Count the number of sessions that talks about Node.js, it’s astonishing. And that’s way bigger than just us (APEX developers). The whole web development community is striving around Node.js and it’s a good time to jump into the ship.
But anyway if you haven’t poked around yet, I strongly suggest to have a look. Especially in our line of work, start playing around node-oracledb, it allows to connect to the Oracle database from a Javascript environment. And trust me, it opens up a world of possibilities!
Getting back to the iceberg analogy, I believe it is even truer for APEX developers.
And the reason is we’ve been fed with incredibly rich themes for years, making it super easy to create visually pleasing applications in a matter of minutes. So basically you don’t need to have any front-end knowledge to build an APEX application.
That being said, I am generalizing and there are some very talented front-end developers in the APEX community.
Let’s move on. Since front-end development basically comes down to HTML, CSS and JavaScript, it is extremely important to understand the way static files are handled through APEX in it’s current state.
As you might know there are a lot of places you can put CSS and JavaScript. Whether it’s inline code or as a reference to an external file, this kind of widespread use of front-end code can lead to maintenance issues.
Here’s a summary of some of the possible locations you can put CSS and JavaScript in.
You can choose from the application level, theme level, page template level, page properties, page 0 and more.
All of them have their dedicated placeholders and substitution strings. Part of the challenge of creating a great theme is being able to properly use these substitution strings across the application.
From my experience, I found that junior developers can have a hard time understanding the difference between those placeholders. When building APEX Front-End Boost, we have decided to streamline the use CSS and JavaScript. To put it simply, there shouldn’t be any inline CSS or JavaScript anywhere. We encourage to put every bit of code in external static files.
Let’s say you start a new project. Your boss doesn’t want you to cut any corners, so you’ll take everything very slowly and think about how you will build these static files. Cause it needs to be maintainable right?
So with that in mind you start coding meticulously.
You write perfectly balanced CSS.
State of the art JavaScript! And you think you’re in pretty good shape…
You design some very well crafted HTML templates…
And that gives 1.0
And you’re happy with it cause you’ve built a great app with all the best practices.
Time flies. A year goes by. Your customer wants new stuff. Really simple changes.
…And you start searching… **Where did I hardcode my background color again…?So you do an application-wide search. Or maybe it’s in a static file? Can’t remember… Maybe you find it, or maybe you don’t. But for some reason your background color change doesn’t work.
CSS specificity is playing tricks on you. Its so tempting to override a CSS rule by adding a new one at the bottom of the file.
And on top of it, there’s no documentation whatsoever.
A few more iterations and you’ve got a time bomb. Hello version 2.0.
It’s true. Coding in CSS and JavaScript is hard.
It’s hard to learn and to maintain.
It’s hard to organize and keep clean.
The more you change the original codebase, the worst it’ll get.
The only way to get around that is to have a perfectly well structured codebase that is consistent across the board.
APEX Front-End Boost makes coding faster, easier, and prettier. This tool helps you work with static files more efficiently within an APEX application.
APEX Front-End Boost is a personal local web server that hosts and distributes your files to your app.
Without any further delay, here’s what it looks like.
{Demo}
Here’s today’s agenda.
1) First we’re going to show how to install APEX Front-End Boost.
2) Then we’ll show how to configure your different projects.
3) Then, you’ll want to tweak your APEX apps so they communicate well with APEX Front-End Boost.
4) Then we’ll show how easy it is to run the whole thing.
5) Once you grasp everything, we’re going to deep dive into all the available features.
6) Then it’ll be your turn…
So! The installation process... This is a one shot deal.
Let’s see what we need before we get started.
Hopefully everyone agrees on this one. We decided to “officially” support APEX 5 and up, but it would work on APEX 4 as well.
Node.js is the architecture on which APEX Front-End Boost is based upon. Specifically we will be using a tool called Gulp that will be watching your local files and executing the appropriate package. FYI, if Node.js scares you, rest assured. You don’t need ANY Node.js knowledge to use APEX Front-End Boost. We’re providing a nice interface that hides the complexity of anything Node related.
Git is optional because you can always download the zip file from Github, but we favor a Git approach that will be easier in the long run to keep track of future updates.
So let’s install this shall we?
{Demo this slide}
First off:
Open up a command line
Go to the desired directory of where you want to install APEX Front-End Boost
Execute the following:
git clone https://github.com/OraOpenSource/apex-frontend-boost.git
cd apex-frontend-boost
npm install
You might see some deprecation warning because of the way we use package dependencies. Do not worry about it. They don’t affect APEX Front-End Boost.
Now that we’re done installing, let’s see how to configure a project.
Upon the installation process, APEX Front-End Boost generates a configuration file.
That file is a JSON file that holds the settings for each one of your APEX apps. On the screenshot, I’ve shown the APEX Front-End Boost directory, inside of which lies the config.json file.
It’s up to you to configure your projects appropriately.
Let’s focus on the content of config.json.
In this example, you can see 2 different projects, but you can have as many as you want. There is only 4 mandatory settings to fill out.
So first off you define the project name. In this case I’ve got yourProjectName and material-apex.
You’ll want to put your actual APEX application URL in the first parameter here.
In the 2nd parameter, you’ll have to specify the local path to your project source folder. The path can be in an absolute or relative format, just like both of these projects. This is where lies all your static files basically.
Same thing for the 3rd parameter, although this one does not need to exist yet, it’ll be created by APEX Front-End Boost itself.
Remember, the whole idea is to enable and expose your local files to your APEX application, so this is where we make the connection.
Now that the project is configured properly, we’ll need to tweak your APEX application a little, so it can communicate with APEX Front-End Boost.
There are 2 ways of doing so, but today we will only show the simplest one.
I invite you to read about both options on the APEX Front-End Boost Github page, over there you’ll find detailed step by step information on how to achieve both.
APEX Front-End Boost isn't meant to run in production.
A build option is used to limit the scope of APEX Front-End Boost to the development environment only.
The build option is called DEV_ONLY. Status is set to include so that any component with that build option will be included in the development environment. Default on Export will be set to export, that way when you export your application anything tagged with the DEV_ONLY build option will not be run.
Since APEX 5.0, #APP_IMAGES# is a repository available through the shared components, which allows to bundle static files as part of an application export. We encourage to use #APP_IMAGES#, as it makes the migration much easier than it was before.
That being said, you will need an application process to overwrite the value of #APP_IMAGES#, in order to map to your local files instead.
All of that will be made possible thanks to a simple cookie trick that understands that APEX Front-End Boost is running and that reroutes #APP_IMAGES# to your local folder.
And because of our previously defined build option, this will only occur in the development environment, not in prod.
Here’s the application process details.
Sequence -999 is used to make sure this is the first thing that happens.
Process Point is On Load: Before Header, also to make sure it is executed before the static files are loaded.
Name doesn’t really matter, but we might as well put something representative like OOS APEX Front-End Boost Config.
For all of you skeptics, yes, this is occurring on every page load, but remember this is for the development environment only, hence we apply the build option previously defined. The impact is minimal.
Without going into details, the code is very simple. Basically we’re looking for a cookie named oos-apex-frontend-boost-app-images, if it exists, we overwrite #APP_IMAGES#, if not we do nothing.
As I mentioned earlier, any static file must be referenced with the #APP_IMAGES# substitution string, regardless of where it leads underneath the hood.
1) Here are two common examples for your master CSS and Javascript files.
2) Remember what I said earlier. You can put these references to many places.
Application level
Theme level
Template level
Page Properties level
And if you are really interested in seeing the different options available for making the APEX setup, read the docs on the official Github site!
We’re almost there! Let’s just run it now.
APEX Front-End Boost can be executed three different ways.
If you’re a command line purist, from the APEX Front-End Boost root folder, you can execute the following command: npm start -- --project=yourProjectName. The project name value comes from the config.json file you have configured before.
If you’re on Windows, you can simply execute the apex-frontend-boost shortcut, enter your project name.
If you’re on a UNIX environment, you can execute our shell script and enter project name.
This is really up to you. No pros and cons. Just personal preference.
{quick demo of Windows shortcut}
So that’s it, we’re done with installation/configuration/setup.
Now learn how to use it wisely you must.
Remember that we’ve specified a /src/ and /dist/ folder in the config.json file? This is where it makes sense…
Under the source folder you’ve provided, APEX Front-End Boost will be looking for these sub folders. Some are mandatory, some are optional.
Front-End Boost is watching for any changes in these subfolders. The magic happens as soon as you save any file in there. The code will be compiled into the /dist/ folder.
The /dist/ folder is exposed to your local web server and at the end of the day, your APEX application points there.
We’ve pretty much covered the basics. You’ve seen roughly what it can do earlier. If you want you can absolutely just use what you’ve seen.
Now I will dig into the specific features to personalize APEX Front-End Boost to your likings.
Just remember that most features are opt-in, so you don’t really need to include any of them.
This is the main reason why APEX Front-End Boost is a killer tool.
First of all, having this feature means no more browser refresh! As soon as you save your code in the text editor, you get automatic css injection / javascript reloading in the browser. This is what you’ve seen in the main demo.
Browsersync is enabled by default.You can specify the port, allowing you to run multiple instances of APEX Front-End Boost for multiple projects at a time.There is also a notification option, that triggers a unobtrusive alert message on your browser when any CSS or JavaScript is changed.
It makes responsive development easier by synchronizing multiple devices together. Your desktop, tablet and mobile device will imitate each others actions (scrolling, clicking, typing) as long as you've got APEX Front-End Boost running.{demo}
APEX Front-End Boost generates a minified version of your CSS and JavaScript code. A minified file is stripped out of spaces and return carriages. In Javascript, variables are also renamed to a single character like a, b or c.Let’s say you’ve coded app.js in the /src/ folder. Upon saving, the /dist/ folder will contain both app.js and app.min.js
This feature is enabled by default.
Your APEX application should always use the minified version in production, therefore you should use the #MIN# substitution string.
{no demo}
Merging your files together is good practice. It reduces the amount of HTTP requests, therefore enhancing the performance. Also, having just one file to declare in your APEX templates makes life simpler.
This feature is not enabled by default, so you’ll have to adapt the config.json file accordingly. If you do enable it, know that you can specify a name for a final file, otherwise it’ll default to app.js and app.css
{demo concat and minified}
Using a compiled language such as PL/SQL sure has advantages, like being notified of a syntax error right away.As you may know, CSS and JavaScript aren’t like that, they’re interpreted languages. It means that you won’t know what’s wrong until the error occurs on the page.
We have included linters with APEX Front-End Boost, meaning that you’ll be notified for any CSS or JavaScript error upon saving in your favorite code editor.
{demo}
Sourcemaps is definitely one of my favorite features of Front-End Boost and they are enabled by default.
One of the drawbacks of working with .min files is that it becomes impossible to debug. Have you ever seen a JavaScript error like this? It’s incredibly time consuming.
APEX Front-End Boost comes with built-in Sourcemaps support. Sourcemaps are linking the final file to the original source one. Instead of seeing the mess above, you’ll be able to trace the code back to the right place.
{demo}
1) We won’t get into the what, why and how of CSS preprocessors today. Way too much to cover, but the technology has been around for a while and you should definitely try it sometime if you haven’t already!
2) For now we support Sass and Less. Both are disabled by default obviously, as we don’t want to enforce a CSS Preprocessor to anyone.
3) If you do enable it, pay attention to the includePath property, this allows you to import Sass or Less files from another local folder on your computer. It it useful for integrating other frameworks such as Bootstrap, which also supports Sass.
{demo transforming css to sass}
Some CSS properties require complex knowledge of browsers vendor prefixes.
Have you ever wondered why some CSS have to be written like this.
APEX Front-End Boost comes with Autoprefixer built-in, which allows you to simplify your CSS code by removing the vendor prefixes.
{demo}
APEX Front-End Boost is highly compatible with Theme Roller. Have a look at the screenshot on the right. This ain’t universal theme. We generated these attributes from Front-End Boost, and it works perfectly.
This part of APEX Front-End Boost requires a bit more knowledge about Theme Roller and Less, so I’ll skip this part today.
For more information on Customizing the Theme Roller, I will be giving a session about it tomorrow.
So that was APEX Front-End Boost… Let’s do a quick recap okay?
What APEX Front-End Boost does
Minifies CSS and JavaScript.
Concatenates CSS and JavaScript. (optional)
Generates CSS and JavaScript Sourcemaps.
Parses SCSS and LESS to CSS. (optional)
Adds CSS vendor prefixes.
Generates APEX Theme Roller configuration. (optional)
How APEX Front-End Boost helps you
It cuts down on front-end development time.
It enhances your application performance due to smaller file sizes.
It lets you keep coding in your favorite code editor, without having to constantly upload anything to APEX or a web server.
Stop manually refreshing of your browser to get CSS and JavaScript modification.
Stop affecting other developers. Any development done within APEX Front-End Boost affects you and only you.
Be notified of CSS and JavaScript errors as you save.
Alright… remember that this is an Open Source project.
Please provide feedback. Feel free to submit issues or pull requests because this is how we’ll make the product even better.
Thank you all for attending. We are proud to make this tool available to everyone and we hope it’ll be as useful to you as it is to us.
Tomorrow I will be giving a special Theme Roller advanced deep dive, and I will be showing how it integrates with Front-End Boost. Come see me!
Any questions?