#programming #compsci #learntocode
Learn more from Refactoring Guru https://refactoring.guru/design-patterns/
GOF Design Patterns Book https://en.wikipedia.org/wiki/Design_Patterns
Criticism of Design Patterns https://blog.codinghorror.com/rethinking-design-patterns/
00:00 Design Patterns
01:00 What are Software Design Patterns?
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- Fira Code Font
🔖 Topics Covered
- Algorithm vs Design Pattern
- What is Gang of four?
- Are design patterns still relevant?
- Design patterns basics tutorial
Find out what the difference is between React and React Native!
Check me out on:
Code Editor: Visual Studio Code
VS Code Theme: Seti
If you liked this video and you have a little to spare, please consider supporting me on Patreon:
Ask the Experts | Why choose the NeXTcube to develop the WWW?
The National Museum of Computing at Bletchley Park houses a unique collection of computers. Our expert team have maintained, restored and rebuilt some of the most important systems in Britain's business, war-time and personal computing history.
You can't see our amazing collection during Covid-19, but you can speak to the experts who'd usually be on hand in our galleries as TNMOC is running a series of online video Q&As.
In this video our team answer a question about the NeXTcube, used by Professor Sir Tim Berners-Lee to create the first web server.
To ask a question, please do so on Twitter using the #askTNMOC hashtag.
If you would like to support us through these challenging times, please consider purchasing some our of special merchandise at our online shop https://www.tnmoc.org/tnmocshop
Sir TB-L's NeXTcube: (c)The Board of Trustees of the Science Museum, London | CERN
Science Museum, London| CERN. Taken from https://collection.sciencemuseumgroup.org.uk/objects/co8232360/next-cube-computer-1990-personal-computer and Licensed under Creative Commons: https://creativecommons.org/licenses/by-nc-sa/4.0/
H9000 series workstation by Thomas Schanz. Wikimedia Commons (HP-HP9000-C110-Workstation_10.jpg) Licensed under https://creativecommons.org/licenses/by-sa/3.0/deed.en
Retromancave video clip: Retromancave (YouTube channel), used with kind permission from The Cave.
What’s new in DevTools (Chrome 99) → https://goo.gle/3tIzhvR
0:00 - Intro
0:12 - Throttling WebSocket requests
1:07 - New Reporting API pane
2:00 - Wait until element is visible/clickable in the viewport
2:44 - Properly style log messages with ANSI escape code
4:37 - Debug Chrome extensions with sourcemap files
5:26 - Bonus tip. Style your console message with CSS
Reporting API → https://goo.gle/3MKD7xl
DevTools Recorder → https://goo.gle/devtools-recorder
DevTools Console Format → https://goo.gle/devtools-console-format
Tweet us → https://goo.gle/38mi9Ay
What’s New in DevTools → https://goo.gle/2MeR5Kx
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#ChromeDeveloper #WebDev #DevTools
Building Web Layouts For Dual-Screen And Foldable Devices
Dual-screen devices are just the next evolution in responsive design. If you have a PWA or website, the APIs available make integrating into your existing code base seamless. This article explains why it’s an exciting time for layout on the web, and how dual screens provide an opportunity to get even more creative.
For years, a trend in our industry has been to build single-page apps, or SPAs.
Today, I want to explore why that’s nonsense. Let’s dig in!
2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we’ll take a look at a few of them.