A podcast about web design and development.
…
continue reading
Content provided by Peter Fisher. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Peter Fisher or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Similar to How To Code Well
BBC Radio 5 live’s award winning gaming podcast, discussing the world of video games and games culture.
…
continue reading
A podcast featuring panelists of engineers from Netflix, Twitch, & Atlassian talking over drinks about all things software engineering.
…
continue reading
This is the audio podcast version of Troy Hunt's weekly update video published here: https://www.troyhunt.com/tag/weekly-update/
…
continue reading
Join our weekly discussion about how to build top end Angular applications and become an Angular expert. Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
…
continue reading
On The Bike Shed, hosts Joël Quenneville and Stephanie Minn discuss development experiences and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week.
…
continue reading
Show notes are at https://stevelitchfield.com/sshow/chat.html
…
continue reading
1
Defensive Security Podcast - Malware, Hacking, Cyber Security & Infosec
Jerry Bell and Andrew Kalat
Defensive Security is a weekly information security podcast which reviews recent high profile cyber security breaches, data breaches, malware infections and intrusions to identify lessons that we can learn and apply to the organizations we protect.
…
continue reading
Daily update on current cyber security threats
…
continue reading
Get ready for a weekly dose of all things Enterprise Software and Cloud Computing! Join us as we dive into topics including Kubernetes, DevOps, Serverless, Security and Coding. Plus, we’ll keep you entertained with plenty of off-topic banter and nonsense. Don’t worry if you miss the latest industry conference - we’ve got you covered with recaps of all the latest news from AWS, Microsoft Azure, Google Cloud Platform (GCP) and the Cloud Native Computing Foundation (CNCF).
…
continue reading
Player FM - Podcast App
Go offline with the Player FM app!
Go offline with the Player FM app!
))
168 - What is a design system?
Manage episode 336718922 series 2674787
Content provided by Peter Fisher. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Peter Fisher or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Changelog
- I've created a playground in the mono-repo for ReactJS experiments
- I have started working on a very lightweight design system
- I am giving a talk to PHP Minds next Thursday. The talk is called Code with Confidence with PHPCS
- PHP UK has announced their CFP and released early bird tickets. I have tickets.
- This weekend I am off to see England versus Scotland in the Common wealth boxing
News/Articles
How to call rest APIs using React
https://www.smashingmagazine.com/2020/06/rest-api-react-fetch-axios/
How to use the React Router to create an image link
https://bobbyhadz.com/blog/react-image-link
React higher order components
A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature.
Concretely, a higher-order component is a function that takes a component and returns a new component.
https://reactjs.org/docs/higher-order-components.html
What is a Design system
- A collection of reusable components
- A place for collaboration amongst designers and developers
- A set of standards that must be adhered too
- A set of guidelines and principles that are relevant to the business
Not just a component library
A component library is a library of reusable components that other designers and developers can use.
A design system also sets out a series of rules and standards for the components and surrounding design. These include but are not limited to
- Typography
- Spacing
- Branding
- User experience
- Language
- Voice and tone
- Colours
- Patten
Often, a design system will explain what is allowed and what is not allowed.
Examples of design systems
- IBM https://carbondesignsystem.com/
- Shopify https://polaris.shopify.com/
- Material design https://material.io/design
- UK Gov https://design-system.service.gov.uk/
You can get in touch with me here: https://howtocodewell.fm/contact
My web development courses
➡️ Learn How to build a JavaScript Tip Calculator
➡️ Learn Python
⏰ My current live coding schedule (Times are BST)
Tuesdays 18:00 - Live coding on YouTube
Sundays 15:00 - Live coding on Twitch
201 episodes
Share
Manage episode 336718922 series 2674787
Content provided by Peter Fisher. All podcast content including episodes, graphics, and podcast descriptions are uploaded and provided directly by Peter Fisher or their podcast platform partner. If you believe someone is using your copyrighted work without your permission, you can follow the process outlined here https://player.fm/legal.
Changelog
- I've created a playground in the mono-repo for ReactJS experiments
- I have started working on a very lightweight design system
- I am giving a talk to PHP Minds next Thursday. The talk is called Code with Confidence with PHPCS
- PHP UK has announced their CFP and released early bird tickets. I have tickets.
- This weekend I am off to see England versus Scotland in the Common wealth boxing
News/Articles
How to call rest APIs using React
https://www.smashingmagazine.com/2020/06/rest-api-react-fetch-axios/
How to use the React Router to create an image link
https://bobbyhadz.com/blog/react-image-link
React higher order components
A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature.
Concretely, a higher-order component is a function that takes a component and returns a new component.
https://reactjs.org/docs/higher-order-components.html
What is a Design system
- A collection of reusable components
- A place for collaboration amongst designers and developers
- A set of standards that must be adhered too
- A set of guidelines and principles that are relevant to the business
Not just a component library
A component library is a library of reusable components that other designers and developers can use.
A design system also sets out a series of rules and standards for the components and surrounding design. These include but are not limited to
- Typography
- Spacing
- Branding
- User experience
- Language
- Voice and tone
- Colours
- Patten
Often, a design system will explain what is allowed and what is not allowed.
Examples of design systems
- IBM https://carbondesignsystem.com/
- Shopify https://polaris.shopify.com/
- Material design https://material.io/design
- UK Gov https://design-system.service.gov.uk/
You can get in touch with me here: https://howtocodewell.fm/contact
My web development courses
➡️ Learn How to build a JavaScript Tip Calculator
➡️ Learn Python
⏰ My current live coding schedule (Times are BST)
Tuesdays 18:00 - Live coding on YouTube
Sundays 15:00 - Live coding on Twitch
201 episodes
All episodes
×
Welcome to Player FM!
Player FM is scanning the web for high-quality podcasts for you to enjoy right now. It's the best podcast app and works on Android, iPhone, and the web. Signup to sync subscriptions across devices.
Similar to How To Code Well
A podcast about web design and development.
…
continue reading
BBC Radio 5 live’s award winning gaming podcast, discussing the world of video games and games culture.
…
continue reading
A podcast featuring panelists of engineers from Netflix, Twitch, & Atlassian talking over drinks about all things software engineering.
…
continue reading
This is the audio podcast version of Troy Hunt's weekly update video published here: https://www.troyhunt.com/tag/weekly-update/
…
continue reading
Join our weekly discussion about how to build top end Angular applications and become an Angular expert. Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
…
continue reading
On The Bike Shed, hosts Joël Quenneville and Stephanie Minn discuss development experiences and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week.
…
continue reading
Show notes are at https://stevelitchfield.com/sshow/chat.html
…
continue reading
1
Defensive Security Podcast - Malware, Hacking, Cyber Security & Infosec
Jerry Bell and Andrew Kalat
Defensive Security is a weekly information security podcast which reviews recent high profile cyber security breaches, data breaches, malware infections and intrusions to identify lessons that we can learn and apply to the organizations we protect.
…
continue reading
Daily update on current cyber security threats
…
continue reading
Get ready for a weekly dose of all things Enterprise Software and Cloud Computing! Join us as we dive into topics including Kubernetes, DevOps, Serverless, Security and Coding. Plus, we’ll keep you entertained with plenty of off-topic banter and nonsense. Don’t worry if you miss the latest industry conference - we’ve got you covered with recaps of all the latest news from AWS, Microsoft Azure, Google Cloud Platform (GCP) and the Cloud Native Computing Foundation (CNCF).
…
continue reading
Player FM - Podcast App
Go offline with the Player FM app!
Go offline with the Player FM app!
