Pensando componentes React com Atomic Design
•Download as PPTX, PDF•
0 likes•401 views
Deck utilizado para a palestra de React + Atomic design no evento React - Rio de Janeiro no dia 20 de Junho de 2018
Report
Share
Report
Share
Recommended
Atomic design para React e React native
Apresentação utilizada em uma palestra em 2019 sobre Atomic Design para React e React native no meetup BeagáJS em Belo Horizonte, Minas Gerais - Brasil.
Responsive Design for Non-Techies
A talk members of the Forum One Communications UX team gave at UXCampDC 2013. The focus was on some pain points we hit while trying to wrap our brains around Responsive Design and the tool we've made to help sketch solutions more easily and quickly.
WordCamp Asheville 2014: WordPress and Git
Git is a version control system that can be used to manage WordPress website development. The document discusses lazy Git workflows that may save time compared to other approaches. It covers key Git concepts like remote repositories, branching, merging, pulling and pushing. Tools for using Git include hosting services like GitHub, Git GUIs, diff tools and text editors with Git plugins. The lazy workflow example shows ignoring everything except wp-content. Workflows include centralized, feature-based, and fork-based models.
Solving the mystery of sourcing in code repositories, dev sites, and tech com...
Solving the mystery of sourcing in code repositories, dev sites, and tech com...RecruitingDaily.com LLC
We know it's time...
You have a hankering only a dose of Tools, Tips, and Tricks with Dean Da Costa can fix, right?
Sourcing is a sly game, after all.
Information overload, countless hours spent grueling over questionable extensions, finding free tools that are actually useful, and searching for something - anything - that will make your life easier.
Oh yeah, and finding candidates. That part is pretty darn important, too.
Lucky for you, we have just what you need.
A secret sourcer, who is (NOT) Dean Da Costa, has offered up 60 minutes of his extremely valuable time.
We're not sure who the fellow in the picture above is...
...but he's got fantastic facial hair, and he promises to show you how to Solve the Mystery of Sourcing in Code Repositories, Dev Sites, and Tech Communities.
At first, we weren't sure if we should carry on without The Master Dean, but this guy seems legit.
He's got a seriously impressive bag of tricks.
And an even more extensive answer book in case you mustache him a question as he guides you through the mysterious underworld of head hunting.
So tell us, are you ready to unveil the secrets (Not) Dean has to share?
Or are you happy sourcing in the dark? For the rest. of. your. life.
You have to click to get the real down low, but we'll give you one clue:
It actually is Dean Da Costa - we put a cartoon mustache on him. We're not sure why.
Almost got you, didn't we?Potato02 ViewSticker作りました
The document announces that the author Toshihiro Yagi from COOKPAD Inc. has created a new library called ViewSticker. It provides a link to the GitHub repository for ViewSticker, which makes section headers in lists stickily scroll like they do in iOS. The author notes that while there are existing libraries for sticky list headers, this was created due to frustration with the default Android behavior. The document invites pull requests for ViewSticker.
FFWD.PRO - It's not you, It's me (or how to avoid being coupled with a Javasc...
General purpose Javascript frameworks are the ones that made the language popular in the past, but right now it is a risk to think about our application development and architecture just in relation to our favorite framework.
This talk highlights risks and suggest some techniques (from design patterns to snippet of code) to avoid being coupled to a specific framework
Git of Parts
Git is a version control tool that reflects balanced team values like shared ownership and collaboration. It allows developers to work in branches and merge changes back together through pull requests. The document recommends designers create a "Kit of Parts" style guide stored in git that defines UI components and can be built upon by developers. It also provides tips for getting started with git, including using GitHub Pages to host projects.
JsDay - It's not you, It's me (or how to avoid being coupled with a Javascrip...
General purpose Javascript frameworks are the ones that made the language popular in the past, but right now it is a risk to think about our application development and architecture just in relation to our favorite framework.
This talk highlights risks and suggest some techniques (from design patterns to snippet of code) to avoid being coupled to a specific framework
Recommended
Atomic design para React e React native
Apresentação utilizada em uma palestra em 2019 sobre Atomic Design para React e React native no meetup BeagáJS em Belo Horizonte, Minas Gerais - Brasil.
Responsive Design for Non-Techies
A talk members of the Forum One Communications UX team gave at UXCampDC 2013. The focus was on some pain points we hit while trying to wrap our brains around Responsive Design and the tool we've made to help sketch solutions more easily and quickly.
WordCamp Asheville 2014: WordPress and Git
Git is a version control system that can be used to manage WordPress website development. The document discusses lazy Git workflows that may save time compared to other approaches. It covers key Git concepts like remote repositories, branching, merging, pulling and pushing. Tools for using Git include hosting services like GitHub, Git GUIs, diff tools and text editors with Git plugins. The lazy workflow example shows ignoring everything except wp-content. Workflows include centralized, feature-based, and fork-based models.
Solving the mystery of sourcing in code repositories, dev sites, and tech com...
Solving the mystery of sourcing in code repositories, dev sites, and tech com...RecruitingDaily.com LLC
We know it's time...
You have a hankering only a dose of Tools, Tips, and Tricks with Dean Da Costa can fix, right?
Sourcing is a sly game, after all.
Information overload, countless hours spent grueling over questionable extensions, finding free tools that are actually useful, and searching for something - anything - that will make your life easier.
Oh yeah, and finding candidates. That part is pretty darn important, too.
Lucky for you, we have just what you need.
A secret sourcer, who is (NOT) Dean Da Costa, has offered up 60 minutes of his extremely valuable time.
We're not sure who the fellow in the picture above is...
...but he's got fantastic facial hair, and he promises to show you how to Solve the Mystery of Sourcing in Code Repositories, Dev Sites, and Tech Communities.
At first, we weren't sure if we should carry on without The Master Dean, but this guy seems legit.
He's got a seriously impressive bag of tricks.
And an even more extensive answer book in case you mustache him a question as he guides you through the mysterious underworld of head hunting.
So tell us, are you ready to unveil the secrets (Not) Dean has to share?
Or are you happy sourcing in the dark? For the rest. of. your. life.
You have to click to get the real down low, but we'll give you one clue:
It actually is Dean Da Costa - we put a cartoon mustache on him. We're not sure why.
Almost got you, didn't we?Potato02 ViewSticker作りました
The document announces that the author Toshihiro Yagi from COOKPAD Inc. has created a new library called ViewSticker. It provides a link to the GitHub repository for ViewSticker, which makes section headers in lists stickily scroll like they do in iOS. The author notes that while there are existing libraries for sticky list headers, this was created due to frustration with the default Android behavior. The document invites pull requests for ViewSticker.
FFWD.PRO - It's not you, It's me (or how to avoid being coupled with a Javasc...
General purpose Javascript frameworks are the ones that made the language popular in the past, but right now it is a risk to think about our application development and architecture just in relation to our favorite framework.
This talk highlights risks and suggest some techniques (from design patterns to snippet of code) to avoid being coupled to a specific framework
Git of Parts
Git is a version control tool that reflects balanced team values like shared ownership and collaboration. It allows developers to work in branches and merge changes back together through pull requests. The document recommends designers create a "Kit of Parts" style guide stored in git that defines UI components and can be built upon by developers. It also provides tips for getting started with git, including using GitHub Pages to host projects.
JsDay - It's not you, It's me (or how to avoid being coupled with a Javascrip...
General purpose Javascript frameworks are the ones that made the language popular in the past, but right now it is a risk to think about our application development and architecture just in relation to our favorite framework.
This talk highlights risks and suggest some techniques (from design patterns to snippet of code) to avoid being coupled to a specific framework
Bootstrap 3 Presentation at Las Vegas Ruby Group
Bootstrap 3 is a popular front-end framework that makes website creation easier and faster through features like consistency and customization. The document discusses three key changes in Bootstrap 3 - a flat design, improved typography, and a mobile-first approach. It also provides information on converting websites from previous Bootstrap versions to Bootstrap 3, either through automated tools or manually.
Forum One Responsive Design UXCampDC 2013
A talk members of the Forum One Communications UX team gave at UXCampDC 2013. The focus was on some pain points we hit while trying to wrap our brains around Responsive Design and the tool we've made to help sketch solutions more easily and quickly.
Component Based UI Architectures for the Web
The document discusses component-based user interface architectures for the web. It defines what is meant by a "component" in UI frameworks, and presents an architectural model where UI components are first-class citizens rather than implementation details. The benefits of treating components as the fundamental unit of UI architecture are that components are familiar, their interfaces benefit from reusability, and the abstraction can be shared across disciplines. The main challenges are managing state associated with UI components.
Component-Based UI Architectures for the Web - Andrew Rota - Codemotion Rome...
Today UI frameworks for the web are embracing the concept of “components”. But what does a component-focused architecture really mean? In this talk we’ll dive into the theory behind component-based UIs and what it means for the future of user interfaces on the web. At the conclusion of this talk, attendees will have an understanding of what makes component-based architectures distinct, and why such an approach might be the ideal solution for building web-based UIs.
Ethna的ActionとView＠設計勉強会
This document discusses the PHP framework Ethna. It provides an overview of Ethna's MVC architecture and components like Actions, Views, and Controllers. It also describes how Ethna implements the MVC pattern through functions like prepare(), perform(), and preforward(). The document concludes by mentioning some alternatives to Ethna and thanking contributors.
Atomic Design: Effective Way of Designing UI
Atomic Design is a methodology developed by Brad Frost to guide developers in the creation of more intentional and hierarchical interface design systems.
Open source secret_sauce_apache_con_2010
The document summarizes Ted Husted's presentation on the "Open Source Secret Sauce". It discusses how open source projects like Apache create successful products through a community-driven model. Open source projects use portals, repositories, issue trackers, mailing lists, and automated builds ("PRIMA") to enable transparency and infrastructure. This allows the community to make decisions through meritocracy. The secret sauce is creating a safe environment where developers can do work and make decisions openly.
So…What Do I Make? (Dan Mall)
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
The Ajax Experience: State Of The Browsers
The document discusses the history of browser wars between Netscape and Internet Explorer in the late 1990s. It covered how the browsers were deliberately incompatible to gain market share, but this approach did not work as users did not care about the browser. It then discusses compatibility patterns for dealing with browser differences, and examines some extensions made by browsers like Internet Explorer that eventually became standards. The document concludes by considering whether another browser war could emerge between current browsers like Internet Explorer, Firefox, Chrome and Safari.
Максим Ткачук - «Маленькие советы дизайнерам»
The document provides advice for designers on evolving their skills from newbie to rockstar. It discusses following a mobile-first approach and responsive design. Key recommendations include focusing on work, overworking, making yourself a "T-shaped" designer through broad and deep skills, taking risks, and using iterative design processes like prototyping and user testing.
Solid 2014 kobayashi
Slides for the the talk at the Solid conference: http://solidcon.com/solid2014/public/schedule/detail/33208
StolzeEthan_MediaTreatmentPart1.pdf
Zowie is a gaming equipment brand acquired by BenQ focused on professional esports. It is known for high-quality mice and monitors. The brand values professionalism and ergonomic design over flashiness. Its target market is male Gen Z and Millennial gamers interested in esports who spend free time gaming competitively. The brand personality is innovative, professional, and ergonomic.
Ant Build Tool
This document provides a step-by-step guide for using Ant, an open-source build automation tool for Java projects. It outlines how to install Ant and the YUI Compressor plugin for JavaScript and CSS minification. The guide then describes a sample folder structure and build script that defines targets for cleaning, compiling, concatenating files, and minifying assets to optimize a website for production.
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford of ThoughtWorks discusses emergent design and evolutionary architecture. He argues that software design emerges from the code itself, rather than predefined documentation or specifications. Design is a process of discovering effective abstractions and patterns by refactoring code through practices like test-driven development. Architectural considerations involve balancing essential versus accidental complexity, technical debt, and flexibility to evolve designs over time in response to changing needs.
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford of ThoughtWorks discusses emergent design and evolutionary architecture. He argues that software design emerges from the code itself, rather than predefined documentation or specifications. Effective abstractions and patterns are discovered through refactoring code written with test-driven development. This approach helps reduce accidental complexity and allows the design to evolve in response to new information and changing requirements.
Design report
The document is a design report for Project Okatu. It includes a Merise diagram modeling the different entities and their relationships. It also includes details of the database designed based on the Merise diagram, containing 22 entities. It then describes the classes diagram created to help design application classes. The report discusses the use of an ORM and concludes that C# and the .Net framework were chosen for implementation.
The New Design Workflow
At Phase2, we do things a little differently when it comes to design. While many teams are stuck in the “design first, develop second, theme last” way of doing things, we link our multidisciplinary teams together by a common vehicle: design systems. Each piece of the system, including our prototyping tools, live within the platform, allowing us to integrate processes like creative design, prototyping, front-end methodology, and implementation. We call this “The New Design Workflow.”
This session will feature a panel of Phase2’s most experienced designers and front-end devs for an inside look at our best practices, tips and tricks. Plus, hear us weigh in how Drupal 8 will interface with your favorite front-end tools like PatternLab.
Basic powershell scripts
This document discusses performing SharePoint tasks using PowerShell scripts with the Client Side Object Model (CSOM) for SharePoint Online. It provides code samples for getting lists from a website, creating, deleting, updating lists, and modifying list settings and properties. It also includes examples for working with list items, content types, fields, views, folders, files, versions, groups, permissions and taxonomy terms. The prerequisites for using CSOM with PowerShell scripts for SharePoint Online are also outlined.
Coding your company culture
There are aspects of your workplace's culture that are out of your control (salaries, benefits, office location). However, there are also some things you can start doing today to influence and enhance your company culture. Alex will showcase how to use your coding skills to improve company culture, with a variety of fun and creative examples.
MIMA 2014 - Changing your Responsive Design Workflow
Presentation slides from Dustin Tauer's 2014 MIMA Session:
What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design.
This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.
Cinema made with code
Slide utilizado para a apresentação no encontro do meetup FEMUG no prédio da Ioasys em Belo Horizonte, Minas Gerais. No dia 26 de Junho de 2019.
Introdução ao Desenvolvimento front-end (2019)
Este documento fornece um mapa de aprendizado para desenvolvimento front-end, resumindo as tecnologias fundamentais de HTML, CSS e JavaScript, incluindo conceitos como semântica, estilo, interação, seletores, declarações, tipos de dados, objetos, arrays e funções. O documento também discute APIs como DOM, geolocalização, canvas e como JSON é usado para troca de dados entre sistemas.
More Related Content
Similar to Pensando componentes React com Atomic Design
Bootstrap 3 Presentation at Las Vegas Ruby Group
Bootstrap 3 is a popular front-end framework that makes website creation easier and faster through features like consistency and customization. The document discusses three key changes in Bootstrap 3 - a flat design, improved typography, and a mobile-first approach. It also provides information on converting websites from previous Bootstrap versions to Bootstrap 3, either through automated tools or manually.
Forum One Responsive Design UXCampDC 2013
A talk members of the Forum One Communications UX team gave at UXCampDC 2013. The focus was on some pain points we hit while trying to wrap our brains around Responsive Design and the tool we've made to help sketch solutions more easily and quickly.
Component Based UI Architectures for the Web
The document discusses component-based user interface architectures for the web. It defines what is meant by a "component" in UI frameworks, and presents an architectural model where UI components are first-class citizens rather than implementation details. The benefits of treating components as the fundamental unit of UI architecture are that components are familiar, their interfaces benefit from reusability, and the abstraction can be shared across disciplines. The main challenges are managing state associated with UI components.
Component-Based UI Architectures for the Web - Andrew Rota - Codemotion Rome...
Today UI frameworks for the web are embracing the concept of “components”. But what does a component-focused architecture really mean? In this talk we’ll dive into the theory behind component-based UIs and what it means for the future of user interfaces on the web. At the conclusion of this talk, attendees will have an understanding of what makes component-based architectures distinct, and why such an approach might be the ideal solution for building web-based UIs.
Ethna的ActionとView＠設計勉強会
This document discusses the PHP framework Ethna. It provides an overview of Ethna's MVC architecture and components like Actions, Views, and Controllers. It also describes how Ethna implements the MVC pattern through functions like prepare(), perform(), and preforward(). The document concludes by mentioning some alternatives to Ethna and thanking contributors.
Atomic Design: Effective Way of Designing UI
Atomic Design is a methodology developed by Brad Frost to guide developers in the creation of more intentional and hierarchical interface design systems.
Open source secret_sauce_apache_con_2010
The document summarizes Ted Husted's presentation on the "Open Source Secret Sauce". It discusses how open source projects like Apache create successful products through a community-driven model. Open source projects use portals, repositories, issue trackers, mailing lists, and automated builds ("PRIMA") to enable transparency and infrastructure. This allows the community to make decisions through meritocracy. The secret sauce is creating a safe environment where developers can do work and make decisions openly.
So…What Do I Make? (Dan Mall)
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
The Ajax Experience: State Of The Browsers
The document discusses the history of browser wars between Netscape and Internet Explorer in the late 1990s. It covered how the browsers were deliberately incompatible to gain market share, but this approach did not work as users did not care about the browser. It then discusses compatibility patterns for dealing with browser differences, and examines some extensions made by browsers like Internet Explorer that eventually became standards. The document concludes by considering whether another browser war could emerge between current browsers like Internet Explorer, Firefox, Chrome and Safari.
Максим Ткачук - «Маленькие советы дизайнерам»
The document provides advice for designers on evolving their skills from newbie to rockstar. It discusses following a mobile-first approach and responsive design. Key recommendations include focusing on work, overworking, making yourself a "T-shaped" designer through broad and deep skills, taking risks, and using iterative design processes like prototyping and user testing.
Solid 2014 kobayashi
Slides for the the talk at the Solid conference: http://solidcon.com/solid2014/public/schedule/detail/33208
StolzeEthan_MediaTreatmentPart1.pdf
Zowie is a gaming equipment brand acquired by BenQ focused on professional esports. It is known for high-quality mice and monitors. The brand values professionalism and ergonomic design over flashiness. Its target market is male Gen Z and Millennial gamers interested in esports who spend free time gaming competitively. The brand personality is innovative, professional, and ergonomic.
Ant Build Tool
This document provides a step-by-step guide for using Ant, an open-source build automation tool for Java projects. It outlines how to install Ant and the YUI Compressor plugin for JavaScript and CSS minification. The guide then describes a sample folder structure and build script that defines targets for cleaning, compiling, concatenating files, and minifying assets to optimize a website for production.
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford of ThoughtWorks discusses emergent design and evolutionary architecture. He argues that software design emerges from the code itself, rather than predefined documentation or specifications. Design is a process of discovering effective abstractions and patterns by refactoring code through practices like test-driven development. Architectural considerations involve balancing essential versus accidental complexity, technical debt, and flexibility to evolve designs over time in response to changing needs.
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford of ThoughtWorks discusses emergent design and evolutionary architecture. He argues that software design emerges from the code itself, rather than predefined documentation or specifications. Effective abstractions and patterns are discovered through refactoring code written with test-driven development. This approach helps reduce accidental complexity and allows the design to evolve in response to new information and changing requirements.
Design report
The document is a design report for Project Okatu. It includes a Merise diagram modeling the different entities and their relationships. It also includes details of the database designed based on the Merise diagram, containing 22 entities. It then describes the classes diagram created to help design application classes. The report discusses the use of an ORM and concludes that C# and the .Net framework were chosen for implementation.
The New Design Workflow
At Phase2, we do things a little differently when it comes to design. While many teams are stuck in the “design first, develop second, theme last” way of doing things, we link our multidisciplinary teams together by a common vehicle: design systems. Each piece of the system, including our prototyping tools, live within the platform, allowing us to integrate processes like creative design, prototyping, front-end methodology, and implementation. We call this “The New Design Workflow.”
This session will feature a panel of Phase2’s most experienced designers and front-end devs for an inside look at our best practices, tips and tricks. Plus, hear us weigh in how Drupal 8 will interface with your favorite front-end tools like PatternLab.
Basic powershell scripts
This document discusses performing SharePoint tasks using PowerShell scripts with the Client Side Object Model (CSOM) for SharePoint Online. It provides code samples for getting lists from a website, creating, deleting, updating lists, and modifying list settings and properties. It also includes examples for working with list items, content types, fields, views, folders, files, versions, groups, permissions and taxonomy terms. The prerequisites for using CSOM with PowerShell scripts for SharePoint Online are also outlined.
Coding your company culture
There are aspects of your workplace's culture that are out of your control (salaries, benefits, office location). However, there are also some things you can start doing today to influence and enhance your company culture. Alex will showcase how to use your coding skills to improve company culture, with a variety of fun and creative examples.
MIMA 2014 - Changing your Responsive Design Workflow
Presentation slides from Dustin Tauer's 2014 MIMA Session:
What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design.
This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.
Similar to Pensando componentes React com Atomic Design (20)
Component-Based UI Architectures for the Web - Andrew Rota - Codemotion Rome...
Component-Based UI Architectures for the Web - Andrew Rota - Codemotion Rome...
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford Emergent Design And Evolutionary Architecture
Neal Ford Emergent Design And Evolutionary Architecture
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
More from Gustavo Teodoro
Cinema made with code
Slide utilizado para a apresentação no encontro do meetup FEMUG no prédio da Ioasys em Belo Horizonte, Minas Gerais. No dia 26 de Junho de 2019.
Introdução ao Desenvolvimento front-end (2019)
Este documento fornece um mapa de aprendizado para desenvolvimento front-end, resumindo as tecnologias fundamentais de HTML, CSS e JavaScript, incluindo conceitos como semântica, estilo, interação, seletores, declarações, tipos de dados, objetos, arrays e funções. O documento também discute APIs como DOM, geolocalização, canvas e como JSON é usado para troca de dados entre sistemas.
Iniciação em css
O documento fornece uma introdução sobre CSS (Folha de Estilo em Cascata), explicando o que é CSS, sua sintaxe, propriedades e como inseri-lo em páginas web. É demonstrado como adicionar estilos como cores, fontes e posicionamento de texto a elementos HTML usando declarações CSS externas, internas e inline.
Iniciação em HTML
O documento fornece uma introdução básica sobre HTML, cobrindo tópicos como preparação de arquivos, tags comuns (como títulos, parágrafos e links), formatos de texto, tabelas, listas, cores e blocos. Ele também discute como adicionar estilos ao HTML através de CSS interno, externo ou diretamente no código.
HTML e CSS - O que é?
O documento explica o que são HTML e CSS, suas origens e evoluções. HTML é a linguagem usada para criar páginas web, inventada por Tim Berners-Lee em 1992 para permitir compartilhamento de pesquisas online. CSS é usado para estilizar páginas HTML, separando conteúdo de formatação. O texto detalha a linha do tempo do desenvolvimento destas tecnologias.
Oficina de Wordpress - Introdução
O documento apresenta o que é um sistema de gestão de conteúdo (CMS) e especificamente o WordPress. Explica que o WordPress é uma plataforma gratuita e de código aberto para publicação de blogs e sites, e que pode ser usado para criar blogs, portais, lojas online e outros tipos de sites de forma flexível e sem necessidade de programação.
More from Gustavo Teodoro (6)
Recently uploaded
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
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.
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
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
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!
Best 20 SEO Techniques To Improve Website Visibility In SERP
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.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
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
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
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
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Recently uploaded (20)
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.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
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Pensando componentes React com Atomic Design
- 1. Atomic Design Pensando componentes React com Atomic Design
- 2. reactjs.org/docs/components-and-props.html Olá, eu sou o Gustavo Teodoro
- 4. reactjs.org/docs/components-and-props.html React Components “Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.” reactjs.org/docs/components-and-props.html
- 5. reactjs.org/docs/components-and-props.html React Components Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. UM SITE QUALQUER
- 6. O que é Atomic Design?
- 7. Atomic Design Brad Frost, a web designer, speaker, consultant, writer, and musician located in beautiful Pittsburgh, PA. bradfrost.com
- 13. reactjs.org/docs/components-and-props.html Atomic design Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. UM SITE QUALQUER
- 14. reactjs.org/docs/components-and-props.html Atomic design UM SITE QUALQUER Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed suscipit ex, vitae gravida purus.
- 16. reactjs.org/docs/components-and-props.html O que estamos experimentando
- 17. reactjs.org/docs/components-and-props.html Estrutura de um componente