Frontend Masters Košice - Styled Components
•
0 likes•359 views
The document discusses styled components, a library that allows components to be styled in JavaScript instead of regular CSS. It notes some benefits of styled components like isolated styling, nesting like Sass, and the ability to use variables, functions and themes. An example is provided of a basic React component that is refactored to use styled components to style the title and price instead of a CSS class. Themes are also mentioned as a capability of styled components.
Report
Share
Report
Share
Recommended
Designing and Developing Windowed Interfaces for Web Apps
The document discusses windowed interfaces for web applications. It describes advantages like important elements always being visible and allowing independent scrolling. It also notes concerns like less content area and requiring fluid layouts. It provides tips for designing windowed interfaces such as identifying common elements, keeping it simple, using thin elements, and preparing for window flexibility. It also discusses cursor styles, consistency, and developing the interface by starting simple and grouping elements, then positioning and styling.
Customizing Your WooCommerce Store
This document discusses various ways to customize WooCommerce. It recommends picking a maintained theme like Storefront that is easily customizable. Customizations can be made through child themes, plugins, or custom code using filters and actions. Template overrides provide another way to customize by overriding specific templates in the theme.
Theming Wordpress with Adobe
A look at the basics of custom theming for Wordpress, using Adobe Illustrator, Photoshop and Fireworks. Presented at a cross over Meetup of Hartford Wordpress & Hartford Adobe, sponsored by Adobe and New Horizons Training Facility
Enjoy the vue.js
Andy Wood - enjoy the Vue.js
Slides from the TechExeter Conference, 8th October 2016.
www.techexeter.uk
Slow kinda sucks
This document provides an overview of Object Oriented CSS (OOCSS), HTML5, and web performance. It discusses what OOCSS is, how to implement it, and why it is useful. It also briefly covers some HTML5 forms and communication features. Finally, it examines how to improve website speed. The goal is to look at these topics and discuss elegant and lean CSS as opposed to "fat sack of crap" code.
Geek Moot '09 -- Smarty 101
The document provides an overview of Smarty, a widely used PHP templating system. It discusses that Smarty was created by Andrei Zmievski and separates display logic from controller logic for improved security and ease of use. Key features covered include literal tags, modifiers, and capture/cycle functions that allow for powerful templating capabilities. Examples demonstrate how to output variables, format dates, and alternate content display. Resources listed provide more documentation on Smarty syntax and usage.
Desenvolvimento web com Ruby on Rails (parte 2)
This document discusses using layouts and partials in a Ruby on Rails application. It demonstrates how to create a new layout file, assign it to a controller action, and use content_for and partials to include common elements like menus and footers across views. Code examples are provided for setting up the layouts, partials and integrating them using yield and content_for. The document also covers configuring stylesheets and JavaScript includes for the layouts.
Create SASSy web parts in SPFx
In this session, I explained the core concepts of SASS and how it can enhance your development workflow. Sketch Web Parts first in HTML move them to SPFx later...
Recommended
Designing and Developing Windowed Interfaces for Web Apps
The document discusses windowed interfaces for web applications. It describes advantages like important elements always being visible and allowing independent scrolling. It also notes concerns like less content area and requiring fluid layouts. It provides tips for designing windowed interfaces such as identifying common elements, keeping it simple, using thin elements, and preparing for window flexibility. It also discusses cursor styles, consistency, and developing the interface by starting simple and grouping elements, then positioning and styling.
Customizing Your WooCommerce Store
This document discusses various ways to customize WooCommerce. It recommends picking a maintained theme like Storefront that is easily customizable. Customizations can be made through child themes, plugins, or custom code using filters and actions. Template overrides provide another way to customize by overriding specific templates in the theme.
Theming Wordpress with Adobe
A look at the basics of custom theming for Wordpress, using Adobe Illustrator, Photoshop and Fireworks. Presented at a cross over Meetup of Hartford Wordpress & Hartford Adobe, sponsored by Adobe and New Horizons Training Facility
Enjoy the vue.js
Andy Wood - enjoy the Vue.js
Slides from the TechExeter Conference, 8th October 2016.
www.techexeter.uk
Slow kinda sucks
This document provides an overview of Object Oriented CSS (OOCSS), HTML5, and web performance. It discusses what OOCSS is, how to implement it, and why it is useful. It also briefly covers some HTML5 forms and communication features. Finally, it examines how to improve website speed. The goal is to look at these topics and discuss elegant and lean CSS as opposed to "fat sack of crap" code.
Geek Moot '09 -- Smarty 101
The document provides an overview of Smarty, a widely used PHP templating system. It discusses that Smarty was created by Andrei Zmievski and separates display logic from controller logic for improved security and ease of use. Key features covered include literal tags, modifiers, and capture/cycle functions that allow for powerful templating capabilities. Examples demonstrate how to output variables, format dates, and alternate content display. Resources listed provide more documentation on Smarty syntax and usage.
Desenvolvimento web com Ruby on Rails (parte 2)
This document discusses using layouts and partials in a Ruby on Rails application. It demonstrates how to create a new layout file, assign it to a controller action, and use content_for and partials to include common elements like menus and footers across views. Code examples are provided for setting up the layouts, partials and integrating them using yield and content_for. The document also covers configuring stylesheets and JavaScript includes for the layouts.
Create SASSy web parts in SPFx
In this session, I explained the core concepts of SASS and how it can enhance your development workflow. Sketch Web Parts first in HTML move them to SPFx later...
[Bauer] SASSy web parts with SPFX
[Stefan Bauer] For more than one decade no other SASS revolutionised the way we write CSS nowadays. In modern SharePoint development, this is the core ingredient to deliver optimised and well architecture.
SASS is also one of the core ingredients to develop new customisations for SharePoint through SPFX.
This session will give you an overview of the most useful concepts in SASS. Besides you will get to know some limitations in SPFX and how to handle those properly.
After this session you will be able to:
• Sketch and develop web parts faster
• Create your reusable CSS
• Apply themes to your web parts
• Handle external CSS properly in SPFX
Middleman Usecase / TokyouMiddlemanMeetup#1
The document demonstrates how to customize Middleman templates by adding CSS and JavaScript files. It shows a layout template that yields content and includes CSS and JS files. The CSS and JS files included are based on data from the page being rendered. This allows individual pages to specify additional CSS and JS files to load for that page.
Dominate The Theme Layer
Drupal's theming layer is a powerful and beautiful beast, but it requires a firm hand to really behave. New themers often start out trying to control it with a light touch and gentle strokes of CSS. Only too late do they realize their error…
All too often the result of this misguided approach is bloated and inefficient CSS and JavaScript and site out of control. By the time the themer realizes what the beast have done, it might be too late to fix.
Don't let Contrib bully you around. Grab the reins, create a frontend architecture and teach the theming layer to produce lean, extendable, high performance markup and CSS that is easy and cost-efficient to maintain.
This session is about learning to take charge.
The Complementarity of React and Web Components
On Github: http://andrewrota.github.io/complementarity-of-react-and-web-components-presentation/index.html
The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.
Survey of Front End Topics in Rails
- The document discusses various topics related to rendering in Rails including basic rendering, options for rendering, layouts, forms, asset pipeline and caching.
- It provides examples of how to render objects, partials and templates with different options and explains how layouts inherit templates and can be customized.
- Form helpers, libraries like Formtastic and ActiveAdmin, and CoffeeScript, SASS and the asset pipeline are covered as tools to simplify views and assets in Rails applications.
- Finally, it discusses caching at the page, action and fragment level as well as sweepers to optimize application performance.
SASS is more than LESS
The document discusses CSS pre-processing with SASS and LESS. It begins with an introduction and disclosure by the author. The agenda then covers what CSS preprocessors are, why they are used, possible issues, how they work with basic examples, a comparison of SASS and LESS, and whether preprocessors should be tried. SASS is argued to be more robust with features like conditional statements, loop statements, and the Compass toolkit, making it a better choice than LESS overall.
How to Prepare a WordPress Theme for Public Release
A presentation for WordCamp Louisville on how to prepare a theme for distribution. It mainly follows the theme review process outlined at WordPress.org. It also discusses reasons to release a theme and briefly highlights ways to stand out from the crowd.
Please dont touch-3.6-jsday
The document discusses various ways that web performance can be improved, including reducing the number of server requests, minimizing file sizes through compression and minification, leveraging caching, optimizing browser rendering through techniques like deferred parsing of JavaScript, and using tools to automate optimizations. It emphasizes that most of the end user response time is spent in the frontend and recommends starting performance improvements there.
Prioritize your critical css and images to render your site fast velocity ny...
Talk from Velocity NY, Oct 2013.
Inlining critical CSS speeds web page first render times markedly, especially on mobile devices. In this talk I discuss how to do this on your site, and how to employ the related technique of prioritizing the above the fold images on your page.
From CSS to Sass in WordPress
This document discusses converting an existing CSS stylesheet to the preprocessors Sass and Compass to improve code organization, reusability, and maintenance. It recommends setting up a Sass folder structure with partial files for sections of CSS, refactoring code for nesting and variables. It also provides options for compiling Sass in WordPress themes using the command line with Compass or GUI apps, and suggests additional Sass tools and resources.
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
We take great care in our back end coding workflow, optimising, automating and abstracting as much as is possible. So why don't we do that with our front end code?
We'll take a look at some tools to help us take our front end workflow to the next level, and hopefully optimise our load times in the process!
We'll be looking at using Twig templates and optimising them for the different areas of your application, integrating Bower and Gulp for managing assets and processing our front-end code to avoid repetitive tasks - looking at how that impacts the typical Symfony workflow.
TOSSUG HTML5 讀書會 新標籤與表單
The document discusses new features in HTML5 including semantic elements, form elements, and microdata. Some key points:
1. HTML5 introduces new semantic elements like <header>, <footer>, <nav>, <article>, and <section> to define different parts of a page and improve semantics and accessibility.
2. New form input types are added like email, url, tel, number, date to support validation and new UI widgets. Attributes like placeholder, autofocus, and autocomplete improve the form experience.
3. Microdata builds on microformats to embed structured data using attributes like itemscope, itemtype, and itemprop to identify items, properties and values for search engines and APIs
20110820 header new style
This document is the header file for a WordPress theme. It includes metadata, stylesheets, scripts, and functions to output the site title, navigation menu, social links, slider, and featured content on the homepage. It enqueues necessary assets, initializes theme functions, and outputs the <head> and opening <body> tags.
Building Potent WordPress Websites
The document provides an overview of building potent WordPress websites. It discusses themes, plugins, and tips for WordPress development. The document is divided into three parts: the appearance (themes), plugins, and tips/tricks. Under themes, it covers starting points, child themes, frameworks, modular design, goals, potential paths like shortcodes and custom fields, stylesheets, scripts, and content section types. The plugins section discusses hooks, actions, and filters. The tips/tricks section was not included in the summary.
Refresh Tallahassee: The RE/MAX Front End Story
Come join us downstairs at the Proof Brewing Company for another excellent evening of inspiration! Rachael Moore, the front-end lead on the new remax.com, has kindly agreed to share the story and take a peek under the hood of this massive (and really nicely done) site. Among the likely topics of discussion are: Object-oriented CSS, CSS preprocessors, JavaScript frameworks, and the ins and outs of working with a distributed team.
Mason - A Template system for us Perl programmers
Templating Modules are a bit like editors. Every web application developer has a favourite one. And every template system is someone's favorite.
Mine is Mason. But not because the Perl MVC tutorials are full of examples using Mason. Not because it's the fastest (use xSlate if you want to trade speed for flexibility). Not because it's the most popular. It's my favourite for a very plain reason: It makes me more productive and allows me to develop web GUIs using all the powerful features a programmer should biterly miss if they are taken away. That includes writing Perl code :P
I never heard of a business that went down because they didn't have fast enough CPUs, so I'm not fussy about trading a few CPU cycles for elegance, ease and speed of development.
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
APEX& jQuery Mobile
Binnenkort zal Oracle versie de lang aangekondigde upgrade naar release 4.2 van Oracle Application Express beschikbaar maken. Een van de meest besproken nieuwe features die voor dit nieuwe release zijn aangekondigd is de integratie van het jQuery Mobile framework. Met de integratie van dit framework zal het mogelijk worden om met APEX applicaties te ontwikkelen, die geschikt zijn voor mobiele toestellen.
Wat is en hoe werkt jQuery Mobile en wat betekend dit voor het ontwikkelen in APEX. Dat zijn de onderwerpen die de presentatie aan bod komen. En waarom wachten tot het release van 4.2. Het is namelijk nu al mogelijk om jQuery Mobile in APEX te integreren en gebruiken. Hoe, wordt in een demo getoond. Deze sessie is waarschijnlijk de enige waarin u gevraagd zal worden om uw mobile telefoon aan te laten staan.
[SUTD GDSC] Intro to HTML and CSS
The document provides an introduction to HTML and CSS, covering key topics like document structure, tags, styling with CSS, classes and IDs, positioning, and more. It includes code snippets and explanations to demonstrate concepts like adding paragraphs, links, images, and basic styling. The document concludes by sharing additional learning resources and contact information.
Building the basics (WordPress Ottawa 2014)
This document provides an introduction to HTML, CSS, and WordPress. It covers the basics of HTML including common tags for formatting text, images, and links. It then discusses using CSS to style HTML elements using classes, IDs, and other selectors. Finally, it gives an overview of how HTML and CSS are used together in WordPress templates and themes.
Structuring your CSS for maintainability: rules and guile lines to write CSS
Structuring your CSS for maintainability: rules and guile lines to write CSS
As you start work on larger stylesheets and big projects with a team, you will discover that maintaining a huge CSS file can be challenging. So, we will go through some best practices for writing CSS that will help us to maintain the CSS project easily.
Ako prepojiť aplikáciu s Elasticsearch
This document discusses different options for building search functionality into applications using Elasticsearch, including:
1. Making direct HTTP calls to Elasticsearch's REST API, which provides basic search functionality but requires handling all logic and compatibility.
2. Using Elastic Site Search, which crawls a website and provides a search interface with minimal development effort.
3. Using Elastic App Search, which integrates search through client libraries and provides more advanced features like relevance tuning and analytics dashboards. Code examples are provided for App Search integration.
Links are also included for further information on building search applications with Elasticsearch.
Ako na eshop, ktorý si vaši zákazníci zamilujú?
Prezentácia sa zaoberá prípadovou štúdiou internetového obchodu kvety.sk
More Related Content
Similar to Frontend Masters Košice - Styled Components
[Bauer] SASSy web parts with SPFX
[Stefan Bauer] For more than one decade no other SASS revolutionised the way we write CSS nowadays. In modern SharePoint development, this is the core ingredient to deliver optimised and well architecture.
SASS is also one of the core ingredients to develop new customisations for SharePoint through SPFX.
This session will give you an overview of the most useful concepts in SASS. Besides you will get to know some limitations in SPFX and how to handle those properly.
After this session you will be able to:
• Sketch and develop web parts faster
• Create your reusable CSS
• Apply themes to your web parts
• Handle external CSS properly in SPFX
Middleman Usecase / TokyouMiddlemanMeetup#1
The document demonstrates how to customize Middleman templates by adding CSS and JavaScript files. It shows a layout template that yields content and includes CSS and JS files. The CSS and JS files included are based on data from the page being rendered. This allows individual pages to specify additional CSS and JS files to load for that page.
Dominate The Theme Layer
Drupal's theming layer is a powerful and beautiful beast, but it requires a firm hand to really behave. New themers often start out trying to control it with a light touch and gentle strokes of CSS. Only too late do they realize their error…
All too often the result of this misguided approach is bloated and inefficient CSS and JavaScript and site out of control. By the time the themer realizes what the beast have done, it might be too late to fix.
Don't let Contrib bully you around. Grab the reins, create a frontend architecture and teach the theming layer to produce lean, extendable, high performance markup and CSS that is easy and cost-efficient to maintain.
This session is about learning to take charge.
The Complementarity of React and Web Components
On Github: http://andrewrota.github.io/complementarity-of-react-and-web-components-presentation/index.html
The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.
Survey of Front End Topics in Rails
- The document discusses various topics related to rendering in Rails including basic rendering, options for rendering, layouts, forms, asset pipeline and caching.
- It provides examples of how to render objects, partials and templates with different options and explains how layouts inherit templates and can be customized.
- Form helpers, libraries like Formtastic and ActiveAdmin, and CoffeeScript, SASS and the asset pipeline are covered as tools to simplify views and assets in Rails applications.
- Finally, it discusses caching at the page, action and fragment level as well as sweepers to optimize application performance.
SASS is more than LESS
The document discusses CSS pre-processing with SASS and LESS. It begins with an introduction and disclosure by the author. The agenda then covers what CSS preprocessors are, why they are used, possible issues, how they work with basic examples, a comparison of SASS and LESS, and whether preprocessors should be tried. SASS is argued to be more robust with features like conditional statements, loop statements, and the Compass toolkit, making it a better choice than LESS overall.
How to Prepare a WordPress Theme for Public Release
A presentation for WordCamp Louisville on how to prepare a theme for distribution. It mainly follows the theme review process outlined at WordPress.org. It also discusses reasons to release a theme and briefly highlights ways to stand out from the crowd.
Please dont touch-3.6-jsday
The document discusses various ways that web performance can be improved, including reducing the number of server requests, minimizing file sizes through compression and minification, leveraging caching, optimizing browser rendering through techniques like deferred parsing of JavaScript, and using tools to automate optimizations. It emphasizes that most of the end user response time is spent in the frontend and recommends starting performance improvements there.
Prioritize your critical css and images to render your site fast velocity ny...
Talk from Velocity NY, Oct 2013.
Inlining critical CSS speeds web page first render times markedly, especially on mobile devices. In this talk I discuss how to do this on your site, and how to employ the related technique of prioritizing the above the fold images on your page.
From CSS to Sass in WordPress
This document discusses converting an existing CSS stylesheet to the preprocessors Sass and Compass to improve code organization, reusability, and maintenance. It recommends setting up a Sass folder structure with partial files for sections of CSS, refactoring code for nesting and variables. It also provides options for compiling Sass in WordPress themes using the command line with Compass or GUI apps, and suggests additional Sass tools and resources.
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
We take great care in our back end coding workflow, optimising, automating and abstracting as much as is possible. So why don't we do that with our front end code?
We'll take a look at some tools to help us take our front end workflow to the next level, and hopefully optimise our load times in the process!
We'll be looking at using Twig templates and optimising them for the different areas of your application, integrating Bower and Gulp for managing assets and processing our front-end code to avoid repetitive tasks - looking at how that impacts the typical Symfony workflow.
TOSSUG HTML5 讀書會 新標籤與表單
The document discusses new features in HTML5 including semantic elements, form elements, and microdata. Some key points:
1. HTML5 introduces new semantic elements like <header>, <footer>, <nav>, <article>, and <section> to define different parts of a page and improve semantics and accessibility.
2. New form input types are added like email, url, tel, number, date to support validation and new UI widgets. Attributes like placeholder, autofocus, and autocomplete improve the form experience.
3. Microdata builds on microformats to embed structured data using attributes like itemscope, itemtype, and itemprop to identify items, properties and values for search engines and APIs
20110820 header new style
This document is the header file for a WordPress theme. It includes metadata, stylesheets, scripts, and functions to output the site title, navigation menu, social links, slider, and featured content on the homepage. It enqueues necessary assets, initializes theme functions, and outputs the <head> and opening <body> tags.
Building Potent WordPress Websites
The document provides an overview of building potent WordPress websites. It discusses themes, plugins, and tips for WordPress development. The document is divided into three parts: the appearance (themes), plugins, and tips/tricks. Under themes, it covers starting points, child themes, frameworks, modular design, goals, potential paths like shortcodes and custom fields, stylesheets, scripts, and content section types. The plugins section discusses hooks, actions, and filters. The tips/tricks section was not included in the summary.
Refresh Tallahassee: The RE/MAX Front End Story
Come join us downstairs at the Proof Brewing Company for another excellent evening of inspiration! Rachael Moore, the front-end lead on the new remax.com, has kindly agreed to share the story and take a peek under the hood of this massive (and really nicely done) site. Among the likely topics of discussion are: Object-oriented CSS, CSS preprocessors, JavaScript frameworks, and the ins and outs of working with a distributed team.
Mason - A Template system for us Perl programmers
Templating Modules are a bit like editors. Every web application developer has a favourite one. And every template system is someone's favorite.
Mine is Mason. But not because the Perl MVC tutorials are full of examples using Mason. Not because it's the fastest (use xSlate if you want to trade speed for flexibility). Not because it's the most popular. It's my favourite for a very plain reason: It makes me more productive and allows me to develop web GUIs using all the powerful features a programmer should biterly miss if they are taken away. That includes writing Perl code :P
I never heard of a business that went down because they didn't have fast enough CPUs, so I'm not fussy about trading a few CPU cycles for elegance, ease and speed of development.
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
APEX& jQuery Mobile
Binnenkort zal Oracle versie de lang aangekondigde upgrade naar release 4.2 van Oracle Application Express beschikbaar maken. Een van de meest besproken nieuwe features die voor dit nieuwe release zijn aangekondigd is de integratie van het jQuery Mobile framework. Met de integratie van dit framework zal het mogelijk worden om met APEX applicaties te ontwikkelen, die geschikt zijn voor mobiele toestellen.
Wat is en hoe werkt jQuery Mobile en wat betekend dit voor het ontwikkelen in APEX. Dat zijn de onderwerpen die de presentatie aan bod komen. En waarom wachten tot het release van 4.2. Het is namelijk nu al mogelijk om jQuery Mobile in APEX te integreren en gebruiken. Hoe, wordt in een demo getoond. Deze sessie is waarschijnlijk de enige waarin u gevraagd zal worden om uw mobile telefoon aan te laten staan.
[SUTD GDSC] Intro to HTML and CSS
The document provides an introduction to HTML and CSS, covering key topics like document structure, tags, styling with CSS, classes and IDs, positioning, and more. It includes code snippets and explanations to demonstrate concepts like adding paragraphs, links, images, and basic styling. The document concludes by sharing additional learning resources and contact information.
Building the basics (WordPress Ottawa 2014)
This document provides an introduction to HTML, CSS, and WordPress. It covers the basics of HTML including common tags for formatting text, images, and links. It then discusses using CSS to style HTML elements using classes, IDs, and other selectors. Finally, it gives an overview of how HTML and CSS are used together in WordPress templates and themes.
Structuring your CSS for maintainability: rules and guile lines to write CSS
Structuring your CSS for maintainability: rules and guile lines to write CSS
As you start work on larger stylesheets and big projects with a team, you will discover that maintaining a huge CSS file can be challenging. So, we will go through some best practices for writing CSS that will help us to maintain the CSS project easily.
Similar to Frontend Masters Košice - Styled Components (20)
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release
Prioritize your critical css and images to render your site fast velocity ny...
Prioritize your critical css and images to render your site fast velocity ny...
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Optimising Your Front End Workflow With Symfony, Twig, Bower and Gulp
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Oracle Application Express & jQuery Mobile - OGh Apex Dag 2012
Structuring your CSS for maintainability: rules and guile lines to write CSS
Structuring your CSS for maintainability: rules and guile lines to write CSS
More from bart-sk
Ako prepojiť aplikáciu s Elasticsearch
This document discusses different options for building search functionality into applications using Elasticsearch, including:
1. Making direct HTTP calls to Elasticsearch's REST API, which provides basic search functionality but requires handling all logic and compatibility.
2. Using Elastic Site Search, which crawls a website and provides a search interface with minimal development effort.
3. Using Elastic App Search, which integrates search through client libraries and provides more advanced features like relevance tuning and analytics dashboards. Code examples are provided for App Search integration.
Links are also included for further information on building search applications with Elasticsearch.
Ako na eshop, ktorý si vaši zákazníci zamilujú?
Prezentácia sa zaoberá prípadovou štúdiou internetového obchodu kvety.sk
eHealth po našom – Ako vyvíjame a testujeme medicínsku appku pre 24 krajín sveta
Na Profesia Days sme predstavili medicínsku online aplikáciu Crossuite z pohľadu testerov. Hovorili sme o tom, ako sa Crossuite dostal do Košíc a začal sa tu vyvíjať od základov. Spomenuli sme najpodstatnejšie funkcie aplikácie, ktoré prinášajú najväčšie úspechy v podobe 3900 doktorov pre 5,5 milióna pacientov k dnešnému dňu. Načrtli sme aj technologické zázemie aplikácie a hlavne to, s akými nástrojmi pracujeme my - testeri na efektívne automatizované testovanie a test-driven development. Hlavným cieľom prezentácie bolo osloviť mladých nadšencov IT, ktorí disponujú logickým myslením a zmyslom pre detail, aby sa pridali do nášho tímu.
Frontend Masters Košice - Debuggovanie a optimalizácia react.js aplikácií
Debuggovanie a optimalizácia react.js aplikácií
More from bart-sk (14)
eHealth po našom – Ako vyvíjame a testujeme medicínsku appku pre 24 krajín sveta
eHealth po našom – Ako vyvíjame a testujeme medicínsku appku pre 24 krajín sveta
Digitálne zážitky v internetových obchodoch v roku 2018
Digitálne zážitky v internetových obchodoch v roku 2018
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Frontend Masters Košice - Ako postaviť frontend nad kvalitným API
Frontend Masters Košice - Ako postaviť frontend nad kvalitným API
Frontend Masters Košice - Kvalitné API pre frontenďáka
Frontend Masters Košice - Kvalitné API pre frontenďáka
Frontend Masters Košice - Debuggovanie a optimalizácia react.js aplikácií
Frontend Masters Košice - Debuggovanie a optimalizácia react.js aplikácií
Recently uploaded
dbms calicut university B. sc Cs 4th sem.pdf
Its a seminar ppt on database management system using sql
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays, June 2024 with Maria Copot 20
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
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.
Finale of the Year: Apply for Next One!
Presentation for the event called "Finale of the Year: Apply for Next One!" organized by GDSC PJATK
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
Taking AI to the Next Level in Manufacturing.pdf
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
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
June Patch Tuesday
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.
Trusted Execution Environment for Decentralized Process Mining
Presentation of the paper "Trusted Execution Environment for Decentralized Process Mining" given during the CAiSE 2024 Conference in Cyprus on June 7, 2024.
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
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.
TrustArc Webinar - 2024 Global Privacy Survey
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
Operating System Used by Users in day-to-day life.pptx
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. 🌟
HCL Notes and Domino License Cost Reduction in the World of DLAU
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
Presentation of the OECD Artificial Intelligence Review of Germany
Consult the full report at https://www.oecd.org/digital/oecd-artificial-intelligence-review-of-germany-609808d6-en.htm
5th LF Energy Power Grid Model Meet-up Slides
5th Power Grid Model Meet-up
It is with great pleasure that we extend to you an invitation to the 5th Power Grid Model Meet-up, scheduled for 6th June 2024. This event will adopt a hybrid format, allowing participants to join us either through an online Mircosoft Teams session or in person at TU/e located at Den Dolech 2, Eindhoven, Netherlands. The meet-up will be hosted by Eindhoven University of Technology (TU/e), a research university specializing in engineering science & technology.
Power Grid Model
The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services.
Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability.
Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization.
What to expect
For the upcoming meetup we are organizing, we have an exciting lineup of activities planned:
-Insightful presentations covering two practical applications of the Power Grid Model.
-An update on the latest advancements in Power Grid -Model technology during the first and second quarters of 2024.
-An interactive brainstorming session to discuss and propose new feature requests.
-An opportunity to connect with fellow Power Grid Model enthusiasts and users.
A Comprehensive Guide to DeFi Development Services in 2024
DeFi represents a paradigm shift in the financial industry. Instead of relying on traditional, centralized institutions like banks, DeFi leverages blockchain technology to create a decentralized network of financial services. This means that financial transactions can occur directly between parties, without intermediaries, using smart contracts on platforms like Ethereum.
In 2024, we are witnessing an explosion of new DeFi projects and protocols, each pushing the boundaries of what’s possible in finance.
In summary, DeFi in 2024 is not just a trend; it’s a revolution that democratizes finance, enhances security and transparency, and fosters continuous innovation. As we proceed through this presentation, we'll explore the various components and services of DeFi in detail, shedding light on how they are transforming the financial landscape.
At Intelisync, we specialize in providing comprehensive DeFi development services tailored to meet the unique needs of our clients. From smart contract development to dApp creation and security audits, we ensure that your DeFi project is built with innovation, security, and scalability in mind. Trust Intelisync to guide you through the intricate landscape of decentralized finance and unlock the full potential of blockchain technology.
Ready to take your DeFi project to the next level? Partner with Intelisync for expert DeFi development services today!
Recently uploaded (20)
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Skybuffer AI: Advanced Conversational and Generative AI Solution on SAP Busin...
Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Frontend Masters Košice - Styled Components
- 5. React HTML + JS = JSX www.sli.do #FMKE5
- 6. React HTML + CSS + JS = JSX www.sli.do #FMKE5
- 7. Motivation .btn { … } <Button /> www.sli.do #FMKE5
- 8. Profit? - izolované štýlovanie - nesting ako v SASS - je to len CSS - variables, functions, atď… - témy - React Native - je to Javascript www.sli.do #FMKE5
- 9. Basic React component … const Product = (props) => { return <div> <div>{props.name}</div> <div>{props.price}</div> </div>; } www.sli.do #FMKE5
- 10. … with styled components const Product = (props) => { return <Wrapper> <Title>{props.name}</Title> <Price>{props.price}</Price> </Wrapper>; } www.sli.do #FMKE5
- 11. Styled Components const Title = styled.div` font-size: 20px `; const Price = styled.div` color: ${({theme}) => theme.primary}; www.sli.do #FMKE5
- 14. Q&A
Editor's Notes
- kto si čo robíš
- stránky boli kedysi jednoduché výber správneho nástroja pre prácu, bezohľadu na to, čo tu poviem prišli SPA a s nimi frameworky =>
- robil som v oboch CSS na druhej koľaji, ide si svojou cestou, nie je nijako zviazané SASS a LESS to vylepšili (premenné, fcie) ale nevyriešili premenné zo SASS nie je možné využiť v JS a naopak bootstrap bezohľadu na to, CSS je zlé =>
- zmena štýlu tlačidla nesmie ovplyvniť layout tlačidlo a vôbec každý komponent musí byť samostatný a izolovaný, aby bolo bezpečné ho meniť
- príklady v Reacte najjednoduchšie možné príklady, každý by mal pochopiť
- prečo mať CSS oddelené? môže byť súčasťou komponentu
- … všetky div nahradíme styled komponentami
- Wrapper ako konvencia pre obaľovací (root) komponent použitie sa nezmenilo