Okay, so Gatsby, in popular culture, is known as a static site generator. In Gatsby's marketing collateral moment, all references of static site generators have been removed. So they don't see it as a static site generator, more as a single page app. And we're going to see how that's going to work later on. So if you talk with a static site generator, often it means that you're talking about a small website or you're talking about something that's not ambitious or you're talking about something that maybe doesn't have dynamic content such as a commenting system or such as an e-commerce store. But Gatsby can handle all of this. Like them. Excuse me, I'll get my train of thought back. Okay, so we're calling it a live demo of how to use a Drupal to create a decoupled website. It's not exactly live because what it actually is, you're going to see me cheating, is I've got five Git branches and each Git branch has the exact code that I want. So it can't go around. So we hope. So what we're going to use in Drupal is this Umami demo. So I'm one of Drupal Core maintainers for the Out of the Box initiative. So this is what we built. So this is the home page of it. And then we've got an articles listing page. And then we've got an individual article. And to get the data from this, we're going to use a JSON API module. So this is what JSON API gives us back in terms of all of the articles that are available on the website. And then we're going to use JSON API to get an individual article. Again, this is what Drupal gives us back from that. So I'm not going to get into any detail at all about kind of how to get Gatsby, how to install Gatsby. I'm going to presume you can read the intro page on Gatsby.org and see what happens. When you install Gatsby, this is what you get out of the box. You've got a header at the top. You've got a main body area here. And you've got a footer down here. And you've got a link to page two, which brings us to the second page. And that's it. So that's your initial introduction to Gatsby. So if we check out part one, and we're going to run a command over here called Gatsby develop. Gatsby develop starts a development server for us with a development version of React and all the debugging and hot reloading and things like that for us. We've got a second command that's called Gatsby build, which will build a production version of the website for us, which has production ready and compressed CSS and minified JavaScript and things like that. So if we run Gatsby develop here, this is going to go off and do some things and start running for us. And then we've come back to our website and refresh the page. And like that was it. OK. So I've done nothing here except change some of the content. And what I'm trying to do here is to show some of the things we get with Gatsby out of the box. So some of the interesting things we have are a component called link component. Now, this is using React under the hood to create this. What a link component is, it's like an anchor tag. Except if you use an anchor tag, an anchor tag will refresh the page for you. And the whole page will reload. If you use a link component, React will convert this into an anchor tag for us. It will only reload the part of the page that it needs to reload. So for example, if this was a commenting system and you click on something that has a link component, it will just reload that one little small div that has the new comment in it. And that allows it to have a very fast website. And when we look at this, for example, when I click on this link component link, you'll notice that the header up here won't change and won't move. The footer will because the footer is hard-cored into the body at the moment. So when we click here, you can see that the only thing that changed was the main body area here. We go back to the home page. Again, if we click on the layout component, you'll see that the only thing changing is the main body area. That allows it to have a very fast website out of the box with Gatsby. The only thing better about it is that any component on your page that uses the link component, when you load up that page, all of those items that are linked to Gatsby will go and get a kind of a low-level cache version of that. And then when you hover over the link, it will actually go and start rendering the page for you. So by the time you actually click on the link, that page will have loaded in the background. And again, that gives us great performance. So on top of that then, I'll show you the image component in a moment. If I click on it now, it's going to break. Except it's not. We've got a layout component. The layout component for us is basically the same as page.html.wig in Drupal. That's where we render the header region, let's call it, and the footer region and whatever blocks are going into the main content. We can see those here. So we've got layout, and here it renders a header. We've got some inline style. It renders a main content area, and then it renders a footer. As well as these, though, so we've also got an SEO component. So what the SEO component does is it puts a page title into our meta tags. And we can also add in all our open graph tags for Facebook or our meta descriptions for Twitter and those kinds of things as well. And then on a page by page basis, we can override it. So by default, if we look at SEO.js, we pull the information from the metadata component that's inside our Gatsby config.js down here. So here's our site metadata. Here's our title. Here's our description. Here's our author. And then on a page by page basis, we can override those. So if I look at my SEO component.js page, which is this page here, we can see that I'm overriding the title with Gatsby SEO. I'm putting in some keywords here, and I've changed the description to say this is all about SEO, and then I render my actual SEO page itself. You can see then the link component here. This is what I was talking about a moment ago. It's quite like a general anchor tag, but instead of putting an A tag here and instead of putting a href here, we call it link to rather than a href. Like so. And that's what we need to do for that. Images in general are very tricky to work with in web design because now we've got responsive images. We've got the picture element. We've got different croppings depending on the device you're on or depending on the screen weight and things like that. Gatsby has an image plugin which will do two things. Number one, it will load a very, very low resolution version of the image so it'll be kind of blurred out until you actually scroll down so you get lazy loading by default. But also it will take the image and crop it and whatever kind of what we call image styles in Drupal, whatever you want to add to it like that, Gatsby can do that for us out of the box. So for example, if you look at this image here, it's 192 megabytes in Drupal and it's 134 megabytes in Gatsby. So if I come over to my images directory here and I try to look at this image of Athens, I was going to say it doesn't even open up, but I thought it was too big, it's not supposed to. But one issue I kind of have with it is that, and again it's like the scale and crop in Drupal, it will find the point of most interest for the image itself and in this image here, for example, it's decided that this apartment complex is the point of most interest, not me, and not the acropolis in Athens behind us. So we might have a little bit of work still to do on that. When it came to the Berlin Wall, it decided that the Berlin Wall was the important thing. Okay, so that's kind of what Gatsby looks like out of the box and explaining some of the components. Let's go to the next step now where we're going to change some things for ourselves. So we get checkout part two, and I need to stop my development server, and then I need to start it again. So things have changed a little bit now. If you look at my GitHub account, you can see this repo. So if you want to kind of go back to seed decoded, I've written. It's not necessarily best practice code some of this because I am trying to show kind of, this is how you can use, for example, SAS in Gatsby, even though kind of everyone is using style components or CSS and JS, but it's just kind of showing different approaches. So looking here at part two, what we've done here is we've created a menu component. There was no menu component originally. We just had a link back to the homepage in the bottom of our body. We've also created a footer component and a header component has been edited. So now the header component will render the menu component. We've edited the layout component. I'll show you the code in a moment to now render a header and a main body and a footer, whereas a few moments ago it was just hard coding the footer into it. And then we've added support for SAS in case somebody wants to use it. And that's as simple as adding npm install load SAS and Gatsby plug-in SAS. And all of the kind of plug-ins that you might need, like the image plug-in or the SAS plug-in or style components, it's all really as simple as just this kind of a command here to get the item you want and then you add this plug-in in your Gatsby config. So if we look at Gatsby config down here, we just have to add this line here, Gatsby plug-in SAS to allow us to use SAS. And to use SAS then in our Gatsby, what we get out of the box is a CSS file. So for example, beside layout.js, we get layout.css. To use SAS, all we have to do is change this from CSS to SCSS. And if we worked after that, there was no changing in the compiling, there was no changing in the workflow. So looking now at the menu component. So this is a new directory we've got here called components. And we've got our menu component here. In menu.js, we create a variable called menu. We allowed to have some props, and the only props we're going to allow to have is a menu class. And what we're going to do with that menu class is adding background, dark or background light into it. So that allows it to have a light background menu at the top and a dark background menu at the bottom. But it kind of like throughput, it lets us see that we can create a component in one place, and we can reuse it somewhere else. And by giving it another proper changing state, we can change its variables. Also then we can see that, and this is very bad, let's say, as a mobile menu, but we can see that we've got a mobile menu on the top, and we don't on the bottom. So again, by just adding or changing our props, we can get that. So the menu then is kind of standard enough HTML. We've got a UL here, we've got an LI here, and then we've got lots of link to components. Now, what's tricky with menus is getting an active class. So if you're reading a blog, and so forward slash blog, forward slash no title, you want the blog item in the menu to have an active class. With Gatsby and this setup, all you've got to do is say that the active class name is whatever you want to call it, and then you style that appropriately. And then whenever you are on that active class, so we're on part two. You can see part two now is highlighted. So the routing system built into Gatsby allows to have this very easy, that you can't often get if you're going to kind of stare from scratch yourself and write HTML, let's say, for a site. The footer then, again, it's fairly simple. It's just what was in the footer is just now inside a footer component. And that means then that when we want to call the footer, we render just a footer component here on its own. Now, what's nice about this is that it then means we can render different footers on different pages if we wanted that. We could have either different classes for background properties, or else we could have different content in each of these footers. Sorry. The header then we can see here has changed slightly. So where we had this much of a header earlier on, we now have a menu component rendered as well. And we've given it some classes here that we said for the props that the menu was allowed to have. So we said it gets a class of menu, it gets a class of menu like BG, and it gets a class of menu is mobile. And that's what allows us to have the button to have mobile navigation. Okay, so that's kind of what's part two. Let's move on slightly now to part three where we will look at adding style components and typography.js. Okay. We've added two new things here. Number one, we've added a new plugin called typography.js. Typography.js was created by the Gatsby folk, but it's a standalone plugin which allows us to set up our fonts and our vertical rhythms and our line heights very, very easily and in one file. So when you see what's changed here, for example, we've got a new font for our title and we've got a new font for our body. To do that, we've got our typography.js file. So where we added first to our Gatsby config here. And we've told Gatsby config then that you'll find a configuration for typography.js in a directory called source slash utils slash typography. So that's utils here and typography.js. Now with typography.js, there's lots of presets. So if you want your website to look like, say, WordPress 2020, you can just import typography from typography and then set const typography equals new WordPress 2020. And that's all you got to do. If you want then to overwrite parts of that, you can. So what we've done here is we're setting up our own system for typography. We're going to say that our base font is 24 pixels and we're going to see our baseline height is 1.5 and we're going to see our scale ratio is 3. Scale ratio means the difference between our base font, so say our body font, our paragraph font and our h1. So we can see over here that this h1 will be 72 pixels because it's 24 pixels multiplied by 3 and then h2, h3, h4, h5, h6 will be kind of representative of that. So if we change very quickly, say the scale ratio from 3 to let's go with maybe 7, just to see the extreme change and click save. This page will refresh. We can see we've got a much bigger font here. We can see that this is still 24 pixels down here. So we can build up very, very nice vertical rhythms and typography scale systems by just changing one line of code or two lines of code. If you want to use any Google Fonts, so for example here we're using Roboto and we're also using Alpha Slab 1. To do that you just add a parameter called Google Font and you put in the name of the font you want and the weights you want and that's it. So if we want to change this we'll say from Alpha Slab 1 to let's just go with Georgia only and refresh. And that's how you do your typography, that's how you do your virtual rhythm. I think that's an amazing plugin. It's something I'd love for us to use internally in AnarTech even for non-Gatsby projects. I seem to get hit command Z if you tend to make sure nothing changes or my light demo might not be so light. Okay, after that then we've got a new component called styled components. Styled components is a CSS in JS solution. I'm not saying CSS in JS is the correct solution. I'm not saying it's the incorrect solution, I'm just saying it is a solution. I haven't made up my mind yet if I like it or I don't. I'm kind of thinking that what does it matter if the extension says .js or .css? One of the really good things in fairness about CSS in JS is that you get all the benefits of JavaScript which are CSS as well. So any maths that you can do or any formulas or any fur loops or if statements you can do all of this now in your CSS because it's inside a JavaScript file and I think that's a nice benefit. So with styled components there's two things you can do. One is you can import a component as itself or you can import a component with a different element. So for example if you have a button down here say a link and the link says sign up to our newsletter. And when you click on that link it brings you to a newsletter page and on the newsletter page you've got a form and you want the sign up button on the form to look the exact same as the link. Using styled components you can say import button as A and that means it will import the button component but instead of using a button element it would use the A element. So it means you can have two components or one component, let's say one design item let's call it that are exactly identical even though there are different elements. So we can see here where we've got this is the heading one, this is heading two with the top and the same with the bottom. Well these ones here are just directly hard-coded H1, H2, H3, etc. Whereas down here I'm importing a heading component that I created and I'm importing a heading component as H1 and then I can give it a class of large or small or whatever. So we can be concerned about the semantics only for semantic sake and then we can be concerned about the layout and the design for design sake and we have a kind of separation of concerns so the accessibility should still be perfect and the designers should still be able to design the way that they want to. These two buttons down here I'll show you the code for those in a minute I think these are perfect and beautiful not least because I just copied and pasted the code from stylecomponents.org. Thank you very much people. So we've got a button component here so to create the style component button what we've said is that we create a variable here it comes to here called button and this gets capital B for its react name rather than the element in the top mode and we're saying that this button is what's called a styled button the style comes from the style components part up here and then we've given it some properties in CSS and then we've said that the button can have a prop and if it has a prop called primary we're going to change the background color to this and we're going to change the text color to this so we can see down here we've got a normal button and a primary button and the only difference between one and the other is it's got a primary somewhere in the background okay so if you want to create a new component then so if we want to create a const we call it Drupal so we'll say Drupal is going to be a paragraph so we'll say it is a styly style.p okay so this creates the component for us but then we put in two backticks and these tentative literals is what actually gives us the properties for itself so it can be kind of hard to see when you're looking at it up here you might not realize that there's a backtick here and another one down here and the same then for this section so it's when you put in the backticks here that then you can start writing your color and whatever properties you want to write and then so we've got this button element where we want to use that somewhere then so for example if we come across here to our where are we going? style components pages how's that? we want to use our button component we just render the button here and what we can do then is we can render the button here then with a proper primary or whatever you can see this repeating over and over again like in layout we render the header then in the header we render the header element and also the menu component in the layout then we render the main with the children and we render the footer and it's the same here we're just kind of you create the component in one place and then you reuse it where you want to okay so that gets us up as far as we'll say basically how to use Gatsby to create a standard site we're going to look next at how to use Gatsby to get data from Drupal actually maybe one other thing we could look at quickly is how to create a new page so to create a new page you've got a pages directory here and all you've got to do is create one new JavaScript file and that creates the page for you including all the routing and caching and everything else so if we take for example this style component page here we'll go with this one here the page three page and we'll save this and we'll call it Drupal.js and we come back to our website and we go to ford slash Drupal this is the new page that we created a second ago now if we edit the content what's changed here and we put in Marky we'll come back so we see there's a new page I think that's really good it's a great way to see how quickly we can add pages to our website so looking next in we'll talk about Drupal so for Drupal we need to install check out we've installed the JSON API module once you install the JSON API module every entity on your website is now following JSON API format and standards for every node, for every user for every commerce entity and it's quite safe I try to expose passwords and things like that in it and I couldn't so we enable while Gatsby developers are running here what we're going to do is there's a Gatsby plugin Drupal plugin and that's what's going to connect Drupal to Gatsby when that runs and we'll see it here in a moment now it'll say fetching data from Drupal hopefully that will then be the connector for us so what this means is that you could have a Drupal website and it could be just on your local computer and not available on Internet anywhere and you can take the data from that you can use Gatsby to create static version of all of your pages and then you can host those pages on Netlify or on GitHub pages and your website isn't in effect unhackable one issue that you might have is that if you want to create a new page you do have to go rebuild your Gatsby again now if you've got 100,000 pages that could be 10 or 15 minutes of a build Gatsby is working on what they're calling incremental builds so it will only rebuild the part of the website that it needs to build so if you create a new page it will render or re-create one new page for you that's not live just yet but it's in the works I don't see anything here where it says getting out here so it's starting to fetch data from Drupal so it gets all the nodes so in our website that took a 0.9 of a second to get all of the information from us this should work here okay now we've got an article that's listing page here now ignoring this being ugly because we can figure out to see us ourselves later on what we have over here in our Out of the Box demonstration is an article that's listing page and we've got give it a grow, grow your own herbs dairy-free, delicious in the chocolate and they even do it for supermarket savvy shopping and the same over here we've got give it a go, grow your own herbs dairy-free, delicious in the chocolate dairy-free supermarket savvy shopping and so on so we've got the listing page and we've also got an individual article and you'll note then as well that we've got URLs as well so this means that we can even though Gatsby develops a single page application and every time we click on anything nothing changes except the component that we want to render we can still get URLs in our URL bar so we can hot link or deep link directly to a page within our website to do this so we've added Gatsby Drupal plugin we then come to our Gatsby config and we tell Gatsby config that we want to use Gatsby source Drupal and then we give the URL of the website where it's going to find a JSON API field so this is umami.local yours can be example.com or anatech.com whatever it is you don't need to put in the forward slash JSON API and things like that because Gatsby plugin Drupal knows that you're going to use JSON API and it knows the endpoint that it's going to need to look if it doesn't you've done something wrong not Gatsby so when we get to here we've created a new page called articles.js you can just drop a page okay and in articles.js what we do then is we're importing our layout so we get a structure, we get page.js and we import our SEO component and that gives us our metadata we create a new const here called articles page which can pull some data we then render our layout component render our SEO component we put in our title here in our H1 tag and we give it an unordered list now what Gatsby is going to do is it's going to use this parameter here called all know what article you can't change this this is what the people who wrote the Gatsby plugin decided to call it so it gets all the nodes on our website that are of type article if we've got a basic page content type you can also use all know what page if you've got a blog you'll have all know what blog then we use the edges parameter here those edges and nodes in react or Gatsby or yes six not sure which and if you want to know which one to use your edges or nodes you try edges first and if it doesn't work you try nodes and you don't ask the question at the end what's the difference so we're going to map each of these this is using standard ESX syntax now we're going to map each of these article nodes using the new parameter here we're going to call edge so for items in item let's say and we're going to put in an li tag and we're going to put in some line CSS here now I don't like inline CSS but again it's just an example of how you can you can write inline CSS if you want or you can use style components for CSS and JS or you can use SAS if you want to use a more kind of standard CSS or you can write just standard CSS if you want and then we're going to put a h3 here and not sure why because it should be h2 if it's inside h1 we're going to put a h3 here and we're going to link this so this is going to get us the node title so we're going to look at the parameter of node and this is the drupal node here and we're going to get the title from it and that title is going to be wrapped up inside a link component and it's going to link to the pat alias so if we look over here and down in the bottom left corner you can see that this is linking to give it a grow and grow your own herbs and this will link to argon slash dairy-free delicious milk chocolate then we put in the parameter here for when the node was created some more CSS inline and with this we're going to render the image component and we've got a fairly deep nested item here to get down to where the image is and we pop that out and then dangerously set in our html like this is dangerously set in our html Facebook called it this on purpose so that people know that be careful if you're doing this so whatever can go into your input field can come out here now using drupal and the form api we can be fairly confident that the data coming back out is fairly safe from our filters but potentially someone could put JavaScript in here or some malicious tracking cookies or code and that can come back out so if you're using it's to kind of the react version of that inner html just be careful that you trust the data that's coming into it and then we're going to get the body and we're going to put out the body but we're going to split it at 25 words so this is not the 25 characters so on the 25th word our teaser is going to get cut so it rather than characters it means then we're not going to cut a word in half and then we're going to put three ellipses on to the end of it and we can see that here then so we've got 25 words here and then we've got our three ellipses to get this to work then at the bottom of the page we create the graphql query so the query we're going to create is it's going to look up the all node parameter created by Gatsby plug in Drupal it's going to get the edges not the nodes the reason I'm not going to use edges here is because graphql told me and then we're going to look up the Drupal node itself and the things we want to find back from this are the node id, the title the alias of the path and then the body field and then we pop down here to this relationships section which will have things like taxonomy terms or other entity references this is where you find your say paragraphs and things like that to get this then in graphql in a more kind of visual manner we can use this graphql interface here so if we hit control and space it gives us all the possibilities of what we can search in this lookup so we're going to search with a query and then we're going to hit control and space again and then it tells us that we can look for all site and what happened at frontend united I was giving this talk and I was doing the live demo and I was showing this and I couldn't find my all node articles and somebody in the audience told me afterwards I needed to refresh my page because I had this on before and I said thank you very much for telling me afterwards so if I'm wrong please interrupt me and benefit from the knowledge so we should now be able to see our all node articles so there's all node page all node recipe, all node article and control space and we are looking here at edges I think it was thank you very much there we go and from there we're going to look for the node and from here we're going to look for the id and the title and that's enough just for now so we'll run this query and this gives us back here so we get each node as an id and a title and we can go on from there to get the body field and the value and that's it so this is the GraphQL query that we saw in our articles.js here so what you can do then you don't need to know GraphQL off the top of your head you can come back to here then and we can copy and paste this query directly into here and that's the GraphQL query that we're going to need. Now we saw a moment ago with pages to create a new page we just copy and paste a file and we start editing it if we've got 100,000 blogs nodes on our website we don't want to create 100,000 pages inside this directory and if Gatsby creates it for us well that's great but then we've still got 106 100,000 and 6 files to try to get through to find our articles.js or to find our 404 page so instead what we do is in Gatsby node here we use an API that's part of Gatsby called create pages API and what we're going to tell Gatsby here is to create a page on our website for every item you can find that matches a certain criteria so in this one here what we've said is using the all node article search get the node id and get the path and with the result of that then for each of them we're going to create a page the path we're going to create is going to be whatever the node path alias is and then the context is the node id so in another component we'll see here where we create this we pass it in id parameter and the id we pass it is the node id and we say to create that then you'll find a new directory in source called templates and article.js this is where you have article.js this is where you have page.js this is where you have commerce product.js or whatever and this is our kind of our node template so if we look up here at our components sorry source we've got a new directory called templates I've got an article.js here and this is quite like what we've seen before so we're saying that use the layout component put in the article title when it was published an image and some inline CSS and then the article body here and we repeat a small GraphQL query and in this one here we pass in the id we saw a moment ago so that's what allows us then to create one page in our website per node but not to pollute let's say our pages directory and this all then goes up here in our public directory and we should have them you can see all the different pages we've got created then they can go here and they can be as open as the one because they're not going to be seen by us and that should give us then a H yep I think that's it any questions yep how well does Gatsby's report deal with authentication I'd say if you want to say that Gatsby Drupal itself doesn't deal with authentication as far as I know I'm not sure but as far as I know it doesn't I think you have to use a third party a lot provider or something like that but that's not a problem that can be done with Gatsby if that's the question that's it yep that's what it's all about right can you tell me a little bit how to deal with a search that you wouldn't be able to yeah with a search say you wouldn't create a views page for a listing page because what you're going to get is something like you're only dealing with JSON API so instead of creating a view you create a graph QL query and that's exactly the graph QL query we saw here created on the articles page now you can expose these as say inputs and buttons on your front end if you want and as you would type into those your search would be completing but it would all be powered by graph QL queries rather than SQL queries okay thank you


Here we go everybody. It is a flawless release day. It is case number one It is like Christmas right now or any big holiday Alex H with the Bucks. It's a PYT two bucks full case Alex H with the Buccaneers Thank you for filling us up Alex. Let's get you that Brady shield gem Let's do Brady shield gem right here for Alex Andrew H with the Panthers Charles T. Jags CJ has the bills and Broncos Chris P. Chargers Dan M. Lyons dolphins and Vikings Edward P with the Rams Edward E has the Ravens Eric W. Steelers Frank L with the Bears and the Chiefs Gersimar with the Raiders Jeff M has the Falcons Jets Packers and Saints Josh W. The Browns Kyle M. Titans Mark L Eagles Mark A Texans Matthew B. Seahawks Nicholas Oh Cowboys Peyton with the with Washington Sabi has the Patriots Sean M. The Niners Sean R. The Cardinals Stephen L. The Bengals Thane has the Giants and Tom B. With the Colts Man that's it everybody That's it one moment here We're gonna drop a link for you right now. There are still I don't know why case three is filling fashion in case two But there are nine to go on case two including the Falcons It has to be right Very very strange times indeed All right, so we got here shouldn't be a stack of briefcase in this room in a minute here Jets Jersey every Sunday. Who is on the latent channel to right now? What is this about a Jets Jersey? The Joe Who is that latent channel to is that is it? I don't even know it's it's it's some rap scallion That's for sure some rap scallion. All right. Here we go Here we go. I got this really angled down. Well, I guess So we got PYT's all day serial number styles later random team styles later this follows all day everybody Oh, we also have finest UEFA Stick with some American football for now, though How much is a box? I don't know if we haven't stock yet. I didn't see great question not in stock yet Black briefcase that means business that means business Okay All right. All right. Here we go. Here we go. Here we go Yes, you've got a one-on-one in the you think we got one you want to give me some thick sleeves I can I can sleeve all the Swimmy slappy Samsonite Samsonite. All right first up Seahawks first hit of the day Tariq Wolden jumbo rookie patch to 15 Three color four color. I guess if you count the pattern as two colors Tariq Wolden seabirds to 15 jumbo rookie patch Fast-repping stacked the cards like Bowman Jumbo patch rookie for the Lions Aiden Hutchinson a one of five That's a cool one right there the partial logo Detroit Jay would have fainted if there was a shield. No, Jay's got poker face All right getting into the ink first one Haven't seen this guy in products recently much at all buccaneers Lombardi Lenny on the auto three of ten Leonard for net Three of ten Lombardi Lenny playoff Lenny buccaneers first hit of the day. I'm sure Kyle and Jake are freaking out right now. All right cowboy legend action Tony Dorsett super clean-looking 11 to 15 Super Bowl What does that say XI? I don't even know I can't see what that says. Is that XII Super Bowl 12? I'm guessing That's II right It's all 3d looking very nice dorset though for the Cowboys That car looks very awesome like his auto Looks good. It looks good. I mean he's he's no spring chicken. So that's very cool. We've got a patch auto for San Francisco Brandon Ayuk one of 20 Brandon Ayuk San Francisco patch auto That's pretty good Niners are pretty good. Alrighty We're gonna keep it going with some rookie action rookie ink Gem signature Johan Dotson 19 of 20 Beautiful red color match to on the ruby foil Ruby gem auto Johan Dotson Was Dorsett a rookie that's terrible. It's weird to imagine guys like that being rookies All right, and very awesome Packers it here a Super Bowl champion auto to 20 of Charles Woodson Woodson as a packer man this set right here this set is awesome The champion signatures. I think it's what it's called or no one time. So this is a this has one time signature So there's different sets. Let's go to the door set say be on the tape. I'll show the door set says what three right three time Very nice, those are so cool big time bet chasing those All right encased cards. Do you have a ruby gem of Christian McCaffrey five of 20? Maybe because he was I don't know Yeah, there's a few four times in there. I think there's like a Montana a Joe green Forget the other one. Oh, it's like Haley. I think it's Haley as well. Okay There's a diamond guarantee for that last one Jumbo four color patch Lamar Jackson Ravens 10 to 15 Alex. What's up man? Good morning. I have jumbo four color Lamar Jackson on the patch card That's pretty like that like the colors This time of year you got to see all the colors Uh Falcons Ravens Panthers bangles Browns Cowboys Patriots Bucks and Titans left in case two That is a Campbell's chunky patch right there We got a case one banger Kenny Pickett rookie auto emerald two of five with the two gloves rookie frame signatures Steelers That is sick. I love the design on the flawless this year Pittsburgh Eric W Steve good morning Here to cause trouble. I see there's a very nice picket number to five in the first briefcase of the day Can't can't make a stack over here Okay, let me get you guys a link for that second one real quick. All right still nine to go including the falcons Let's get it filled up. See the Raiders sell in case for Anthony P. Thank you. Thank you. Okay Yeah, dude, there's been stiller fans that I know about Matt Canada since Well, since they got Matt Canada. Oh, yeah Should have been aggressive going up here at the enemy. He's gonna do one. He's already doing wonders there in Washington Second Avenue Denver was a master class Guys Lane is live on fanatics live right now with more PYT flawless if you do not have an Apple device Sometime I believe noon is the launch of it You will be able to join fanatics live breaks on the desktop And watch from there. You will not need an Apple device swoosh two of two Tony Pollard Cowboys, how about them cowboys the more great break for Dallas swoosh Pollard and a dorset auto Have have an ounce of Rookie patch card breeze Hall number to 20 have an ounce of maturity Eight of 20 rookie patch breeze. I'm gonna send a briefcase with the jets. There is a decent sized ding Right there Yeah, pretty noticeable We'll send an empty briefcase and box and wrappers all that stuff That's pretty cool. Giants on the patch auto of Jeremy shocky 10 of 12 Jeremy shocky player worn patch auto Super Bowl champion not with a giant for the Saints, but still Very nice shocky. Yeah, see what's going to hang on like Tom one's a good coach I think Tom was a good coach, but I think someone needs to be like, hey the coordinator issue needs to be fixed You want a chance at doing anything? Dual patch auto is scary Terry McClure end of 25 for Washington Very nice Terry. That's a cool design right there. I like that. I think that's just a straight-up double dual patch auto double patch auto I like it.  We go with the dirty birds the Falcons two of 20 rookie glove signatures Drake London Rookies are here to play in case in box to London rookie glove SIG Got London in the case You're Ryan look at that mad. Oh, here's a nice one super Tennessee rookie debut signatures and Malik Willis at 25 Nice Malik good run of rookies here Heck yeah, damn flawless is nasty. The checklist is good too Good stuff Okay, all right. All right. All right three in case cards now.  This is sick triple patch burge Jalen hurts Devonte Smith AJ Brown at 25 It's a great trio right there for Philly Four color Devonte three color AJ Brown. I actually know it is at three colors. No gray on the Devonte So three times three colors right there hurts Smith and Brown very nice That's a great trio Have a box Jets the emerald color match Breeze Hall dual rookie patch auto. What a five With the the New York there at the arc at the K The green color mat emerald color match. I should say that is gorgeous Jets right there rookie dual patch auto Breeze the beast being Jets in box two alone That's a turkey right there That's a turkey or it works We got we got time to recap. We'll just recap no issue with that We might not recap every case today if we fall behind but we got time here. There's so they're such short breaks and So if you hit flip back through here Okay, a couple of a few relics of Breeze Hall again We're send a box wrapper with the Jets still damaged Breeze on the patch card to recoil in it hushes and gorgeous Hutchinson there Then a power to swoosh. Well, we'll get that one back for you cowboys Now we got some autos here dual patch auto make Lauren. That's pretty nice 25 Woodson champion signatures to 20 Iuk patch auto to 20 door set auto to 15 got patch auto shocky to 12 for the Giants Lombardi Lenny here to 10 for the bucks A Couple of gems we had McCaffrey to 20 and burrow to 15 Pat patch cards of Lamar and the triple birds one is very cool Hertz Smith and brown the Lamar was to 15 for color Everything we mag that wasn't already in case gloves sake of Drake London to 20 debut sig Malik willis to 25 Dual patch or not dual patch with dual autograph Wilson and Hall for the Jets number to 10 Jets killed it dude John Dotson on the Ruby gem signature Rookie for Washington to 20 the Breeze Hall dual patch auto to five emerald and another emerald here as a Kenny picket auto to five Pretty well rounded a case there a lot of teams did pretty well. Thank you very much. Everybody case two is coming up in a bit


Okay, so this is listening. So listening should be the way of learning about listening. Okay, so we are talking about listening. Please listen. Don't worry about words. Okay, so you listen this. Now you focus on one voice, one instrument. There are so many things being played. You can focus only on one voice of the singer or one instrument.  First, general listening. And second, when I requested you to listen and focus on one instrument. What's the name difference? Sir, actually when we listen generally, we listen it for the sake of entertainment. Means we don't want to respond. Please remain anchored in the experience. Don't get into the conceptual and theoretical part. Okay, fine sir. So what was the difference in the experience? You are more attentive. Final aspect, specific aspect. Okay. We are thinking what song it is and what language it is. Later on we are concentrating on the different instrument. Yeah, so there was a purpose. There's a choice. Earlier it is more like, okay, whatever is going on. And then we are more focused. And not necessarily we can focus on one instrument and then we can focus on another instrument. But at that time, we were focusing only on one instrument. And suddenly when I become conscious of one instrument, I become aware of what all other instruments are being played out. That's an interesting thing. When we are focusing on the violin, we suddenly realize, no, there is a brahangam also. There is a ghatam also. When we are listening, we are... Yes. So the first distinction about hearing and listening. And when I conduct in the class, actually I conduct in a slightly different way. The one class is totally dedicated to the listening and hearing, listening and notes taking. So when students are generally, not generally, always I reach to the class before the class, the starting time. And I play this. Students keep coming and then they find out, they search and find out a place sitting and going on what's happening, etc. And then I ask them, okay, what is the topic for today? Most of the time, they don't know what is the topic of the class. So then, but some of them in most of the classes come up, this is the class on listening. So then I said, okay, if it's a class of listening, please listen. And then they listen. And then third, so that is the time when the... The sound level, there is a silence in the class. And third time I ask them, okay, now you focus on one instrument. And then they become more focused. And there is a much more silence, a deeper silence in the class. So then I ask, okay, what was the difference? So first, they say, okay, when we were entering, we were wondering and we said, okay, this is the new sense, something is going on. We become a little more attentive. And in the third stage, we become the most attentive. So that is the first distinction I bring in the class. They said, this is difference in listening and hearing. Hearing, we all, we are simply, it's an act of perceiving sound, electromagnetic wave. We are receiving that's all. But what distinguishes hearing from listening is the choice. When I choose to listen, when I choose to hear, it qualifies as listening. So that's the first distinction. I can keep sitting in the class and keep hearing whatever is happening in the class. Or I can choose to pay attention. If that choice, the choice when connected to the act of hearing makes process called listening. That's the first thing. But there are different ways, different reasons why we suffer from suboptimal listening. This happens. So then I explain what are the suboptimal ways of listening? Why we suffer from suboptimal listening? For example, pseudo-listening. The easiest way is to look like I am listening, but I am not. You've seen in some of the classes, you enter in some and some students are like master, they start noting like that. And you ask one question and they are blank. So this is pseudo-listening, self-centered. We are listening, but this is more common in the conversations. Though I am listening, but actually I am framing my response. So one of my friends says, this is listening while loading your guns. I am listening and actually, psychologically, I am loading my guns. And the person stops for a second and I get the margin of the second, some space and I do like, I just don't stop. So this is the listening for loading your gun. Selective listening. I only listen what I listen to. Many students have this. Very clear. We suffer from the selective listening and then comes fill-in. When we don't understand the subject, we fill-in with our own story. You teach and many of you are teaching for so many years. After the exam, new subject is born. New mechanical engineering. Because students, they, I mean, and I'm also a student. We all are students. We fill-in with our own stuff in the skeleton to have a sense of completion in our mind. Sometimes we are very sensitive and particular about some of these things. Sometimes we are very particular about our identity, gender, nationality, clothing. The moment I hear a word in the whole conversation, attention and energy, that particular tour is a Bola case. So that's a, we are too sensitive about some of the ideas and when they are being touched upon, we become sensitive. We become like furious or become very, very sort of reactive. And last but not the least, and this is the disease which we catch as we grow old. Insulation. Bolo. We can do some exercise in the class. When do you, have you seen some, someone, for the insulation, I asked student, have you seen someone in spite of the great, this person doesn't move? And what is the difference between this person and the vegetable? Vegetable move only when on the frail pain. We also become like this at some point of time. It shakes up the students. It brings a questioning. It brings out a lot of questioning among the students. We are vegetable. Then there is some conversation about the dialogue. Listening. Why it is important? Because that is the bedrock of dialogue. The dialogue won't happen without listening. And dialogue is not only about exchange of information. Dialogue is about exchange of values and that's what make the whole process very risky. Because when I share my world, you and you share your world view and both of us are willing to share, actually both our world views get transformed at the risk. Great risk. I may change after listening you. So better I don't listen. So we talk about it and that is, that is about listening. You can make some exercise. Another, a good exercise on this is podcast. How many of you are aware of the podcast? Many of you must be aware of. You must have looking at these nature and science as a great journal. They are one of the journals. Articles, articles, there are some podcasts. So which convey the dealt in that journal in five minutes time. We can use these podcasts in our classroom. Run those podcasts. One benefit of running that podcast is that students get interested in some of these ideas. They get, they develop a taste of listening. See the present, our new generation, they are anyway very sort of open for audio visual medium. So better we give them that audio, that part of audio visual which will help them to become a better professional and better student and better scholar. So you can run those podcasts. You can run those tech talk in the listening skill class. For example, in one listening to this class, I run a five minute video tech, tech of one tech talk, very brief tech talk and I have prepared one, one test based on that tech talk. Six questions. Ask them how many of you have answered five or more, four or three? And then I ask one question. How many of you think that had I announced that there is going to be a test followed by this test of you would have performed better and almost 100% raise their hand. Yeah, if I knew, I would have done better. So that is the next distinction I bring about in the class. But objective attached to that listening decides the quality of listening. It is not only about listening, but we need to know what is the objective. If objective is to survive for next hour, I can keep my eyes open and survive and listen whatever come. But if objective is to win a Nobel Prize, bring about some fundamental change in healthcare industry, just for example, then the quality of my listening and the quality of my engagement with the subject and knowledge will be all together. So we, we need to, it is true to set these questions. Also, companies skill course is a wonderful opportunity to settle these, some of these questions. Why you are doing this course, what you are doing? Is it for a job? It is for bringing about positive change in the, on the planet? It is, is it about making yourself authority in the subject? What is that which is driving you if that question settled? The quality of listening, quality of notes taking, quality of learning, quality of interaction, everything will change. So, need to bring not only to the door of the subject, but door of life. We are actually sending out students to the arena of life. So these are the opportunities eventually. See there is no engineering problem or management problem or medical science problem. There are always, always life problem. For subject life problem, we need engineering and we need management, we need medicine or law or whatever. So if we can open up those possibilities, that will be like a wonderful thing.


Okay now that is a big what drum outside the mosque cultural convention what's it about calling to prayer wrong isn't it do you think they don't call me again yes they do but they have jungle they have thick forests and sound doesn't carry well the sound of the human voice doesn't carry well in the jungle but drums do so they have drum language boom boom and then they have certain beats that say come and gather other ones say there's danger other ones say there's time for prayer they speak the language of drums many people do that in africa especially drum language okay and so they put these huge drums that is an ancient indonesian nasantara tradition and we adopted because that is the call from parent this is something good it suits the situation in those lands okay and it's it's we're not going to stop calling via them we do that too but we also do this as well


Welcome to Agile Roots 2010, sponsored by Version 1, Rally Software, Vario, Amirsis, Agile Alliance, and Xmission Internet. Using your head, The Agile Mind by David Brady. My name is David Brady. I am a professional problem solver and pattern matcher. By day, I am a mild-mannered software architect at Crime Reports, and by night, I fight crime. Actually, technically, I fight crime at day, so at night I take time off. My coworkers will tell you I'm also lying about the mild-mannered. You can get ahold of me at D-Brady on Twitter, or Ratgeiser, at gmail.com. There's a funny story there, but I don't have time to go into it, so I'm not going to. We've got a really sparse group. Can you hear me okay in the back? I feel like I'm projecting okay. Okay, good. The first thing I want to start off with is that this session is going to be a little more hands-on, except that we're going to be talking about your brains. It's more like brains-on. I don't know if that makes any sense, but this is definitely high participation. I want to start with this quote by Tom Lear. Life is like a sewer. What you get out of it depends on what you put into it. This session is the same way, and you can expect the same quality. I want to tell you a little bit about this presentation to kind of set you up, because we've got a lot of information to cover.  However, my brain is wired weird. I haven't found very many people who think the same way I do. I think in a very breadth-first kind of fashion. I'm very interested in how two things interact. If I pick up a system with two modules that interact, I'll have a co-worker every time I make them crazy. They go in, they open up Module A, they want to see how it works, they open up Module B, they want to see how it works, and then they want to see how they work together, and I don't do that. I go straight in, and I'm like, how do these work together? I don't care what's in them. I just want to know how they tie together. I'm very interested in the ligatures of systems, how they are tied together, and that's actually really valuable for this particular conversation, because we're going to cover some seriously geeky science. We're going to talk about neuroscience, the actual study of the neurons in your brain and your nervous system. We're going to talk about psychiatry, psychology. We're going to get into some spiritual pop-psych there at the end. I am not qualified to talk about any of those things, but the material that I'm presenting from them, from these from people, the material I'm presenting is from people who are, and we're really not concerned about the details. We're going to talk about the ligatures between them. We're going to talk about the way neuroscience informs psychiatry, the way it informs psychology, the way it informs pop psychology, and how all of this makes our brains more agile than we think, and how sometimes we fight against the way our brains want to be agile. This talk is in iterations. We're going to ship something in each iteration. There are four iterations. Iteration one, we're going to talk about neuroscience. We're going to talk about the hardware of your brain, the nervous system, and we're going to ship a hack on your hardware system. Then we're going to get an iteration two, which is psychiatry, which is kind of like the low-level drivers of your nervous system, and we're going to ship a hack for psychiatry. Iteration three is psychology, which is kind of like the application-level stuff.  Or maybe a punch-the-monkey ad. I haven't really decided.  I'm not weaseling out. I'm not saying that, oh, the words come out of my mouth. They go into the language centers of your brain, and then they go to the hippocampus as stored as memory. No, I'm not weaseling out.  There's going to be a behavior that you will do at some future date of my choosing, and you will have a reaction of my choosing at that time, so I'm going to put a debug break point in your brain that will fire when I want it to, and if I'm feeling good, I'll do it on someplace nice. For most of you, this is going to be an insanely amazing feature upgrade for your brain. For a few of you, it's just going to be insane. It will be virtually indistinguishable from brain damage. And I can't wait to see who's who. Let's get started. Alright, iteration number one, neuroscience. We need to work harder, not smarter. The reason for this is because the hardware of your brain, there's not much I can do to make your brain, your nervous system rather, more agile. I can't open up your skull and do a recession of, or a rescission of the nervous structures in your brain. Neurosurgeons can do it, but I can't. So what we do want to do is focus for just a minute on how we can work harder. I can't help your nervous system be smarter, but I can help it actually work harder. And the reason for this is that your nervous system is an adaptive organic structure, which means it's like a muscle, right? It's not really a muscle, it's a nervous system. But if you exercise it, it becomes stronger. And it is also, very importantly, attached to your body. And we're going to find that there's an access point to get at our brains through there. But first, this will be a little bit like a book review. These are the people who are qualified to talk about what I'm talking about. The Talent Code by Daniel Coyle and Outliers by Malcolm Gladwell. Two amazing books about completely different subjects until you look at them from a neuroscience subject and you realize they're talking about the same thing. In The Talent Code, he talks about how to get better, how to become great at something through a specific type of practice that makes you specifically better at a certain skill. And Malcolm Gladwell and Outliers talks about how just one person out of 10,000 can become world class at something. And then he actually backs up and says, actually anybody can become world class at something if they will just put in 10,000 hours. Danny Coyle says the same thing in his book, basically, that you might not be able to become the next Michael Jordan, but you certainly could become world class at something that you are modestly, adequately talented and willing to be passionate about for a number of years. Okay? So let me give you the first magic word. The magic word is myelin. Who knows what myelin is? Oh, we got good hands. This is awesome. Okay, about 10%. Myelin is a protein that wraps around the neurons in your nervous system.  This little ion impulse is flowing down the axon and it has ADD. It's talking to the neurons next to it.  And this thing is poking. It's moving down your nervous system about this fast. It was about two and a half miles per hour. And it's not very fast. This is not a very good neuron. It arrives at its destination and does its job. But what happens is if you fire that neuron repeatedly, your body will start to wrap myelin around the axon. It works just like electrical tape in just about every sense. It's a long thin strip. It coils around and it insulates the axon. Well, now what happens is when that nerve impulse goes down, it can't talk to the axons next to it. So it starts to go faster. It's insulated. It's more efficient. It uses less energy to fire. It moves faster. When you have the kind of nerve impulse that Michael Jordan has for shooting a free throw, those nerve impulses, because they are insulated and extremely well adapted, they move, I'm not going to show you by walking, they move at about 250 miles an hour. Okay? Myelin, magic, magic term. The other magic term that we'll use for neuroscience is from Donald Hebb who said, neurons that fire together wire together. And this is also straight out of the talent code. What this means is that if you practice something over and over, there are a collection of states, a collection of nervous system. If you throw a ball to me and I reach up and catch it, there's a whole bunch of things that happen here. A whole suite of nerves have fired to raise my hand to a specific point. But even more has happened in this, right? My brain has calculated the trajectory. My eyes have tracked the ball. I have done integral calculus in my head to determine where that ball is going to end up over time integrated by the acceleration of gravity of the planet to put my hand there. These are all things that happen together. But if I practice them over and over and over, that collection of neurons will fire together. And this is how over a series of 10,000 hours you can become very, very effective at a certain thing or a skill by honing these things. And what happens is the myelin actually tunes. It grows in certain sets so that the timings all arrive at the right time to do the right job. Okay? All right. That was a lot of geeky science. Let's actually ship something, shall we? How many of you want to increase your executive? Who knows what executive function is? Ooh, okay. We've got one or two people. Okay. Executive function is... Do we all understand that IQ is BS?  The IQ score is just completely meaningless. Okay? Well, if IQ wasn't BS, it would be called executive function. What executive function is, is it's a part of your brain that governs your ability to do higher reasoning, math, science, logical considerations. It also controls emotional governance. So emotional IQ and the ability to not punch somebody in the face who desperately needs it. This is all controlled by executive function. Okay? How many of you would like to be able to raise your executive function over the next four months? Well, we don't have enough time for that. How many of you would like to be able to raise your executive function in the next 45? No, we don't have enough time. How many of you want to raise your executive function 20% right now? Stand up. Stand up. This will just take a second. You don't even have to close your laptops. Okay. Now, do this. Move your legs. Okay?  These are the two biggest muscles in the body. You can sit down if you want.  What you're doing is you are increasing, you are taxing the cardiovascular system. You are increasing the oxygen consumption in your body. If you do cardio with just your arms, it's not going to be enough of a cardio workout. But if you get your legs going, it becomes a cardio workout. Okay? It actually turns out that you can increase your executive function by 20% to 60%. You can just about double your effective intelligence just by moving these muscles. Okay? So iteration one, we're going to ship three things out of iteration one. But iteration 1.1, the thing we're going to ship is a walking meeting. Okay? If you need to get yourself, if you're at a whiteboard with a coworker and you can't figure out how to solve this problem, say screw it. Chuck the whiteboard marker in the tray and go for a walk. Okay? This is me speaking. Well, actually, let me go forward a little bit. This is all, don't take this from me. Take this from John Medina, who wrote a book called Brain Rules. This is incredible. He is a neurochemist of the first caliber and the flat period, he's actually the one who did the testing on this.  What I can tell you from David Brady's personal experience is that in about 20 minutes of walking, I can accomplish about an hour's worth of whiteboard heavy lifting. Like if I'm trying to solve a problem on the whiteboard, 20 minutes of walking is worth about an hour of doodling on the whiteboard. Okay? So that's 0.1. You want to shift executive function right now, go for a walk. Cardiovascular exercise. All right. How many of you would like to be able to raise your executive function in the next 45 minutes without doing anything? Okay? Are there any of you who would not? Tough, because it's going to happen anyway. Okay? Your executive function, this is another reason why IQ is BS.  It also measures what time of day you took the test, how you felt, et cetera. Well, guess what? You go to sleep at night. When you wake up in the morning, huge pieces of your brain are still asleep. When you're in the shower, there are huge chunks of your brain that have not come online yet.  Okay?  In the evening, you have another big peak. What happens at two o'clock?  Andrew was going to actually schedule me for two o'clock.  Okay? And there's nothing you can do about it. Okay? This is a natural cycle. Actually, there's plenty you can do it. If you're agile, you adapt to it. Okay? You turn to adapt to this cycle to respond to it. Don't do a heavy big planning session at two o'clock right after a big carb-filled lunch, right? If you've got to do heavy problem-solving, do it at ten in the morning. If you've got to have a boring meeting, do it at two. Right? Okay. Last one. This is John Medina again. How many of you would like to increase executive function? Oh, by a hundred percent. Be twice as smart. Permanently. Okay? It'll take you four months. And the answer is cardiovascular exercise. Now, we just sit up and do a little bit of work here. But we're not going to do big design up front. We're not going to angst about this, because the amount of CV you have to do is like 45 minutes a week. Okay?  Don't make an exercise program. Don't be big design up front.  Just at the next 30-minute break, walk out the front door, set your stopwatch, and start walking. When you've gone 10 minutes, come back. You'll be smarter for the rest of the day, and you will literally, this is John Medina talking, not me, increase the blood flow to the part of your brain responsible for executive function by 300%. And every measure we have for testing executive function goes up by over double. Okay? So there's your first hardware hack. Let's get into our second iteration. Sprint kickoff. What are we going to ask her? We'll just jump right into the iteration. You guys can catch up. We're going to talk about cycles. Actually, we already talked a little bit about cycles, right? About knowing where you are in the daily cycle. The important thing about cycles, after you become aware that they exist, the first thing that you need to know about cycles is, and in each of these three things, each one seems more important than the previous one, but what it really is is when you get to the next one, you realize that, oh man, the previous one just was not that big a deal. Okay? But the first one, really most important one, is to learn to drive a cycle up. Okay? I can move my brain by moving my body. Getting my quadriceps and my glutes going, I can energize my brain and get moving. This is a cycle I can drive. Okay? Can I do this all day? No. There's another cycle involved here, right? I'm exchanging oxygen for CO2 and lactic acid and an adenosine triphosphate in my legs. That's going to burn out. Okay? And equally, at two o'clock in the afternoon, I'm too tired to do a really hard planning session. Okay? So first, so while the first one is, you need to remember to drive a cycle up when you want. The second one is, you need to know when to pull a cycle back in. This will be really critical as we get into some interactions later on, especially when we start hacking it in the brainstem here. You have to remember to ease up on the gas pedal.  Okay? You've got to learn to ramp your cycles up and to ramp them down. Those two things combine to be maybe 20% of what is the most important thing about cycles. The most important thing, 80% of cycles... Are there any mothers in the audience? Got one in the back? When you had a baby, when did you sleep? Can you drive the baby cycle? Can you make the baby sleep when you want? Make her get up when you want? This is some of the best advice you can get about cycles. Sleep when the baby sleeps. At 2 o'clock, don't plan your hardest meetings. Also, a really big cycle you need is to sleep. Don't set an alarm at 2 o'clock in the morning to wake yourself up to tell you, I need to go to sleep. You might need to set an alarm at 2 o'clock to tell you to stop playing World of Warcraft and go to sleep.  You can push them, you can manipulate them, you can play some games with them. Just let them happen. We're going to talk about... This is basically just honoring the cycle. In Thailand, there's a saying, don't push the river. And that's kind of what this means. Just let the cycles happen. Be aware of when they're there. Plan your hardest stuff for when you're your sharpest. If you're not at your sharpest and you need to be, then plan an intervention.  The second half of the psychological section is cognitive complexity. Who knows what cognitive complexity is? A couple hands in the back. Cognitive complexity is a term that describes the number of mental structures you have for describing the world and the nuances involved in those structures. As an example, here's a picture of our former Commander-in-Chief. If you are a conservative Republican, you will look at this person and you like this picture, because it's a tasteful picture done of President Bush, and you will go through what he had done, what he has done, what he has achieved, the problems that he faced, and how he handled them, and you'll be okay with that. If you're a liberal Democrat, you're probably not as happy with this picture. You would probably prefer maybe this one. Low cognitive complexity means we want our bad guys to wear black hats and we want our bad guys to wear white hats. And the same thing is true in the other direction.  We want people, if we don't like them, if they're not on our team, we want them to look dumb. We want them to be evil. We want them to be wrong team. We want to lump all these things together. But the world isn't wired like that. The world is incredibly interesting and fascinating and complex. Cognitive complexity, we're not going to have a really good ship out of this iteration, by the way, this is mostly just groundwork. I'm sorry, there's kind of an internal feature here. But cognitive complexity is something to be aware of that you need to work on raising. Because it turns out that this guy, even if you are a Republican, has done some really interesting things with the country. Even if you were a Democrat, this guy did some really interesting things with the country. And if you are a Republican, this guy did some embarrassing things with the country.  If you can appreciate the reality for what they are, you can use, you can take what's good, leave what's bad behind. Here's another quote that may be a little polarizing. Jesus saw sin is wrong, but was also able to see sin as springing from deep unmet needs on the part of the sinner. Those of you who are not religious might be bothered by me citing a quote about Jesus. I might be upset that I'm quoting an LDS prophet. Okay? But take the value in it, right? Deep unmet needs on the part of the sinner. What are we really talking about here? We're talking about somebody who did not honor their cycles. Somebody who did not manage the realities of the situation that they were in. Let me pick somebody that we do like. We'll pick on Alistair. This is another example of high cognitive complexity. This is the oath of non-allegence. We promise not to exclude from consideration any idea based on its source, but to consider ideas across schools and heritages in order to find the ones that best suit the current situation. This is high cognitive complexity in a nutshell. If you can love someone but hate what they do or be really annoyed with somebody but actually say, wow, you just did something amazing, that's high cognitive complexity. And you need that because you're going to be picking things apart deep down in the deep structures of your brain that you're going to poke on it and you're going to get a visceral response.  This is a good thing. Relax. You're going to fight-or-flight on this side and logical detail over here. You need to be able to separate these things so that you can take the good and leave the bad. All right. That was kind of a crappy ship, sorry. This iteration, we're going to ship something big though. And I think this is the only slide I have how do you form a habit? How long does it take to form a habit? Over here. Two weeks, 21 days. Okay. You're all wrong. Okay. The answer is it depends. All right. Or a better answer is what does that even mean? What does it mean to form a habit? Would we agree perhaps that a definition of forming a habit is that you will unconsciously perform an action without having to be reminded? Is that fair? Okay. Then for the brain hack I'm going to give you at the end of the session I'm going to set a habit in you in two minutes. You will remember something when I want you to at a future date. And if you're lucky it won't be at the urinal in the bathroom. Habits are the unit tests of consciousness. These are unconscious brief actions that happen instinctually. Why do they happen? They close together so that in a certain context they happen. Habits are really, really hard. We get a lot of people getting paid a lot of money to go rah, rah here's product management, not product management motivational speaking, self-help all this stuff. Habits are the solutions to the world's problems, right? But they're not, are they? We are here creatures of bad habits and we don't have enough good habits. Why is that? Any ideas? You didn't expect me to ask questions, did you? What's that? Karma? Yes. We'll talk about that in just a second. The question is why don't we have all the good habits that we want and have gotten rid of our bad habits? If habits are the solution a good habit is your best friend a bad habit is your worst enemy and there's a reason for this habits are unconscious they are efficient, they are fast all the way in the back yes? Good habits are hard to cultivate and bad habits are easy. I am very excited to tell you that you were wrong but I'm going to show you I know exactly what you mean you are correct and we're going to do high cognitive complexity I'm going to split, there's actually two thoughts in what you've just said, I'm going to split those apart in just a minute there's a hand over here good and bad is subjective create your comforts we do them because we like the way we feel when we do them yes, yes that's very related to this comment over here and we're going to tease those apart in just a second the reason good habits are your best friends because they are unconscious, they are fast, they are efficient and you don't have to think about them the reason bad habits are your worst enemies is because they are unconscious they are fast, they are efficient and you don't get to think about them I could spend an hour talking just about formation of habits the concept of habits in this iteration so I'm going to cover the value of habits one of the best ways you can use your head is to learn to stop using your head when you don't have to, set a habit for something I run my unit tests every time I commit code it's a habit, it's instinctive I feel wrong if I don't do it I've ingrained this into my neural structures and the payoff to it is my code always passes unit tests except for when it doesn't, shut up Chuck but it's a habit I don't have to remind myself to do it I don't have to set an alarm to go do this so don't use your head if you let's talk about a bad habit the absence of a good habit have you ever locked yourself out of your car? a lot of us have done this, or out of your house so you go to get out of the car you grab the handle, you push the door open your keys are in the ignition but you're not thinking about it you get out of the car, you close the door and that's when you realize that 30 seconds ago it would have been nice to have had a habit to always pull your keys out of the ignition maybe we'll do that for the hack yeah, I think we will, that'll be fun if you have a habit of doing this every single time you no longer have to use your head to remember to pull the keys out of the ignition and the reason this is awesome and wonderful is because now you don't have to think about it you don't have to waste energy every time reasoning about of course it's a good idea, you don't have to think about it it's unconscious, you're getting out and your arm is pulling the keys out by itself okay more notes on the slide alright so we've talked a little bit already about forming a habit let me answer the earlier question I asked about why do we not have as many habits why do we have as many bad habits and not as many good habits some quick flaws that you might run into if you're trying to set a habit the first one is that habits are not routines a habit is a quick unconscious thing getting up in the morning and going for a 20 minute run or shipping code every single day of the year I did that as a New Year's resolution two years ago and I thought I was forming a habit it took me 90 days to lock in this habit why did it take so long, well the answer is because it wasn't a habit it was a routine okay and the difference might be a little bit semantic except that the routine requires conscious engagement every single time no matter what you're doing going for a run is going to require conscious engagement now what you can create unconsciously is this deep seated need to tie on your running shoes and go for a run you can make yourself want to brush your teeth okay but forcing yourself to do it is not the habit okay the biggest one I think, I don't think I've yet to see a self-help manual talk about the cost of forming a habit forming a habit is actually a very expensive thing the hack that I'm going to show you actually has a very high cost associated with it electrochemically and neurochemically in the body it's hard to do it, you can't focus on changing 17 habits at once right you can only change one thing at a time so you can stay focused on it so be aware of the cost don't create a habit that does not honor your cycles if you're going to create a habit to get up at 4 o'clock in the morning and go running in the habit of going to bed at midnight every night you're going to run into a problem because you are not honoring your cycles you will create a deeply unmet need very quickly that will assert itself over the top of your habit don't create unmet needs less point and then this is the answer to the comment that we talked about a little bit how many of you have tried to create a habit to do something like brush your teeth or to clean or to run your unit tests and the whole time you're doing it you're thinking I hate doing this neurons that wire together fire together so what are you doing every time you're brushing your teeth and saying I hate doing this okay you are wiring a deeply unmet need into your lower psyche to please get me the hell away from this toothbrush this is a habit that as soon as you put that toothbrush down you're going to do this a day because you really just need a day off from the hatred of the toothbrush you're going to do it you're going to take that shot the first chance you can and you're going to fall right out of your good habits so yes you were right the good habits are hard bad habits are easy and the reason why is because bad habits feel good they wire there are creature comforts right they wire us for pleasure they wire us for happiness so here's a little trick what if you could wire for happiness and you can do this it takes executive function next time you're brushing your teeth or washing the car or the dog or doing what it is you don't want to do there are certain it's hard to go man I really like doing this your brain won't buy that but you can end run your brain and say I am grateful for certain things gratitude is a very powerful positive emotion that you can summon at will to associate positive neural connections with any activity and what the effect of this is it's like driving in a rivet you put in a rivet it's just like a nail that you it's got a head on both ends you push it through and then you hammer on the other end until it mushrooms out well if you hate something you push in the rivet that's your habit you push it in if you hate it you push it right back out every single time if you don't care either way you push the rivet in well if you do it enough times eventually the rivet will stick and it will hold if you experience actively pleasurable emotions I could not do I look like I get enough cardio exercise but this year I started telling myself I'm going to enjoy and pay attention to the pleasurable sensations of exercise I have exercised more this year than I think I have my entire life and I'm in much better health and have much more executive function as a result does that make sense neurons that fire together wire together if you want to have it to stick fast you can stick with this trick you can wire a habit to stick in three days because what will happen is you wake up in the morning and you're like man I can't wait to brush my teeth because it just feels good okay so you go do that alright so that's how to make a habit that is the ship product for iteration 3 iteration 4 we've got 15 minutes and if you guys want to do any questions we need to hustle but that's okay because there's really only one thing we need to do in iteration 4 and that's for me to mess with your heads I learned this technique from someone who used this power for awesome I apologize for the crudeness of this image but I learned this technique by having somebody hack a breakpoint into my brain that caused me to laugh while I was in the bathroom and I made a mess on myself um it was pretty awesome actually okay alright so let's hack our brains let's make sure we never ever forget our keys in the car again does that work for everybody? okay this is just kind of an experimental two ways you can use this to break a bad habit or to break a bad habit or to add a habit to a point in your life when you're not paying attention so you're running in release mode you're not paying attention you're not firing interrupts and what you really want to have happen is right at the moment you're getting out of the car before you shut the door when it's too late which is when you usually have that do I have my keys right before you get out you want this breakpoint to fire and say hey I need my keys okay this is really easy alright this is hands on um so or brain on as the case may be so what we're going to do is we're going to wire as many neurons together as we possibly can so I want you to imagine your car I want you to imagine you're sitting in your car in the driver's seat I want you to imagine what the feel of the drivers of the steering wheel is like is it plastic is it leather does it have that crud on it from your skin because you don't clean it because you're gross like me um what does your car smell like get your olfactory sense going what does your car pressure does your car need one what does it smell like now imagine the sensation of sitting in the chair the actual position of your body the kinesthesis of your body get as many neurons as we can go we're going to access as much brain state as we possibly can for this event because we're going to wire and interrupt onto it and the more stuff you have wired together the better the interrupt will fire the keys are in the ignition but that's ok don't worry about that you haven't ever remembered them before you don't have to worry about them right now you're reaching for the door handle the plastic of the door the metal of the door handle you can feel that tactile sensation that neuron sensation just as your hand makes contact with the door I want you to imagine that a huge hairy evil clown is eating your hand ok and fire ants are coming out of his mouth picture this they're on fire they're on your hand you need to put this fire out well there happens to be an elephant handy so you stick your hand in the elephant's rear and then the elephant's rear gross teeth and bites your hand oh this is gross this is disgusting that's good stay with it two things affect the ability of you to trigger a breakpoint and let me tell you you can open your eyes at this point the next time you go to get out of the car you're going to picture an elephant's butt with your hand in it you're going to laugh and you're going to be really grateful you're not at a urinal ok the more neurons you can wire together the better the more effective the interrupt will be the more powerful the interrupt you can generate the more accurate and effective this interrupt will be and the reason why is because your brain this is an interaction a ligature between neuroscience psychiatry psychology and the crap the basically says look your brain is wired whenever you have something that startles you you have a nightmare or you have a near miss on the freeway your brain has the ability to go into a super hyper drive mode and analyze the situation to identify what was the threat we have to be able to deal with this threat again the next time it happens oh my gosh what happened I need to analyze I need to identify and I need to have a threat response ready for the next time this happens ok that chemical surge you went ew and then you startled at the clown then you went ew at the other stuff and then you laughed because I'm being gross all of these are emotional peaks that trigger this chemical response ok all I can really say is the next time we walk by in the hallway if you have been out to your car and back just nod at me and smile if it worked not to tell me that I'm great and that I successfully did it but to nod and say yeah you have taught me how to hack my own brain I now know how to hook this because what's going to happen is you're going to startle and you're going to go oh I'm in debug mode now I am now consciously aware of what I am doing what am I supposed to do oh so let's take my keys congratulations you just set a habit in 5 minutes ok you'll have to refresh it you'll have to keep practicing it ok but you will not forget now the next time it will just happen automatically and you will be just fine let me give you one last piece of advice which is if if you do not want this image in your head and I do not blame you this chemical response is very expensive which means that if you're going to practice this you can't set 5 habits for this way at once you can really only work on one habit at a time and when I mean one habit at a time I mean in the course of this entire day you can really only work on one habit if you decide to change habits you need to wait until tomorrow to change habits and then you can really only work on the same thing in the same course of a day and the reason why is because this threat response is actually very chemically expensive you will find the next time you try it that it's hard to muster the same level of emotional response if that happens in your mind like the elephant butt on fire just keep escalating keep giving yourself something creative and new and weird novelty to attract your brain and keep the chemicals going alright the reason why this slide is titled defense against the dark arts is because if you want to remove the brain hack that I just put in your brain too bad it's in there you're going to remember this you can get rid of it quickly over time however by taping over it you really can only work on one of these things in a day period if you work on two or three you're going to lose one so if you want to get this image out of your head pick another habit pick another visual image something that makes you laugh, something that makes you go ew something that makes you jump with fright and just tape over it that's exactly how you can hack your brain to have a debug interrupt and that's it are there any questions go ahead the question is does this work for all age levels and my answer is I do not know I suspect that there is a certain youth age level at which point you might have some problems with it you don't you definitely I think I think a five year old could do it but I think if you did it wrong you'd give them nightmares so I think an eight year old definitely could do it I think a three year old lacks the attention span to visualize and imagine something maybe I don't know I don't know somebody who is really good with kids might be able to play a game with them to teach them something so you know certainly I've been in a class before where the kids all at two minutes before the hour start singing clean up clean up it's time to clean up and that's a habit and they're 18 months old so I started out saying no and I'm ending saying maybe maybe any other questions okay then for that gratuitous graphical image I put in your brain I am truly sorry thanks


Everybody forced tier-ripping 2021 Bowman Chrome Baseball Sapphire 5 box number 12 random teams There's the results for you. You can always find them elite in sports cards calm. Thanks for joining everybody and good luck I got General Sours chicken with fried rice and egg roll and then in order of fried dumplings That is like my pretty much go-to any time I get All right, you got a mookie Julio Rodriguez Oswald Paraza Mike Trout Tyler Soderstrom orange to 75 Jordan Adams angels Jared Kelly and Paul Goldschmidt Jeremy Pena Luis Robert Marco Luciano and Peter Lanzao Hassan Kim rookie Aqua Spencer Howard to 99 For the Phillies air Ed Howard and Keston Hera Nick Magigal Tristan Casas Josiah Gray Shane Bieber Jordan Adams got green the 125 Grayson Rodriguez for the Orioles first bowman Kevin made in Christian Pache rookie TV This guy, you know for the Yankees Tanner Hauke Eduardo Garcia Dylan Carlson rookie William Contreras a purple randia Rosa Reina to 25 Tampa Bay Puyut Shen and Dane Dunning Glaver Torres De La Rosa, Yeddy Cappy, Sixto Sanchez Emerson Hancock aqua rookie blue jays Nate Pearson to 99 Millcar Perez for a moment and a Bobby Balbeck Austin Wells Cody Ballinger Carlos Coleman are as and Ryan Jeffers Aisa Lacey Joey Votto that is an Alec Thomas and rookie Joe Adele Shane McClanahan Nice rookie there orange Tristan Casas to 75 Red Sox We're getting rated. I'll hold Paraza Mike Trout rate is on I didn't see by who Sorry skew ball Grayson Rodriguez Jared Kelly and Paul Goltschmitt Gotta pull a big card now Johnny Perron green Jordan Alvarez to 125 Houston Marco Luciano Peter Lanzao Will Monday as first bowman Joey Bart rookie Ed Howard Pedro Leon aqua first bowman Julio Carreras to 99 For the Rockies got Max Meyer Nolan Aronato First bowman Pedro Pineda Freyland Marquez Luis Medina and Alec Baum rookie Christian Robinson Christian Javier Christian Santana as a Christian box and Jake Krohnewer What are you talking about Vaughn got Taylor Trammell Orange Shannon Polanco to 75 nice one Pirates Wander Franco and a Kevin Newman Vaughn was going crazy. That's Tom Brady Ronald Acuni Jr. Jaren Duran Nick Gonzalez and Christian Yelich I think Vaughn is the first person So say something Austin Hendrick yellow to 50 Wander Franco Nice one Tampa Bay Get that one nag for ya Casey Meis Charlie Blackman Bobby Whitt Jr. Jose Abreu Reed-Demmers and Hedbert Perez Mike Stremski Green Cody Ballinger Dodgers to 125 Christian Hernandez first bowman And a Tristan Mackenzie rookie More boxes in the break guys F1 Sapphire coming up next Let's get it filled up Still seven to go Two packs per spot What up Knightbot Thanks Knightbot Thanks Knightbot Hassan Kim rookie Jeremy Peña Maximo Acosta and Luis Campesano Nick Madrigal Tristan Casas Alexander Mojica and Luis Garcia Tanner Hauke Jordan Adams Luis Rodriguez first bowman And a Ryan Mount Castle rookie Amouk what's up Amouk William Contreras Alexander Vizcaino Garrett Mitchell Miguel Cabrera Emmanuel Rodriguez a purple Richmond at 25 nice Adley Orioles Nicoladolo Freddie Freeman Jazz Chisholm rookie Green Emerson Hancock Mariners to 125 Patrick Bailey Francisco Lindor Miguel Blyce a green McAbel Philly's the 125 Jordan Walker JT Realmuto He's gonna be pretty good Virg Brian Hayes Luis Rodriguez That is a variation Luis Rodriguez Robert Hassel and Josh Donaldson Josh Donaldson Those are my Luis Rodriguez He will be Once he's a superstar his contract's up Alright last one got Alejandro Kirk Green rookie Shane McClanahan Nice one raised to 125 Huy Chen Dane Doney I'm guessing he's been just the same after the all star break I think Verlander kind of overtook him in the Sion race though Really Andrew Vaughn Luis Terribio Manuel Beltre and Andres Jimenez We still got spots up We got F1 Sapphire next with spots left Brennan Davis Yellow Julio Rodriguez at 50 now Mariners That's pretty good Drew Waters, Davy Garcia Tyler Freeman, Austin Hayes Shohei and Altuve The Wanderer and J-Rod both at 50 That's pretty nice Joey Gallo Aqua Rookie Garrett Crochet at 99 White Sox Adley Alvarez Eudarvish Matt Manning Hunter Green and Randy Arrozarena Austin Martin Green Rookie Padres Luis Capisano at 125 Colmenares and Tattis Dell Thomas Adele That's the variation right there Recap to color here for ya Pretty solid break Greens to 125 Luis Capisano Aqua at 99 Garrett Crochet Green McClanahan Green Abel, Green Hancock Purple to 25, Adley Rushman I guess we should add that one too Since we did the Green Bellinger to 125 Orange Polanco to 75 Aqua Carrera to 99 Green Yordon to 125 Casas to 75 Pearson to 99 Arrozarena to 25 Greyrod to 125 Howard to 99 Jordan Adams to 75 We had the Yellows, Puglia Rodriguez to 50 The Mariners and Wanderfranco They're both serial numbered Wanderfranco to 50 there for Tampa Bay That's gonna do it Thanks again everybody, we've got F1 Sapphire coming up next


Hi and welcome to the session. I am Purva and I will help you with the following question. Prove the following. Integral limit is from 0 to pi by 4 to tan cube x dx is equal to 1 minus log 2. Now we begin with the solution. We denote left hand side by i. So we have i is equal to integral limit from 0 to pi by 4 to tan cube x dx. We can write this as this is equal to 2 integral limit from 0 to pi by 4 tan square x into tan x dx. This is further equal to 2 integral limit from 0 to pi by 4. Now we know that tan square x is equal to sex square x minus 1.  This is equal to 2 integral limit from 0 to pi by 4 sex square x into tan x dx minus 2 integral limit from 0 to pi by 4 tan x dx. This is further equal to. Now we denote this first integral by i1 and the second integral by i2. So we get i1 minus i2. Now we will solve i1 and i2 separately. So first we consider i1 which is equal to 2 integral limit from 0 to pi by 4 sex square x into tan x dx. Now we put tan x equal to t. So put tan x equal to t. Differentiating we get sex square x dx is equal to dt. So differentiating tan x equal to t we get sex square x dx is equal to dt. Also when x is equal to upper limit that is pi by 4 we have when x is equal to pi by 4 we have t is equal to tan pi by 4. Putting the value of x here we get t is equal to tan pi by 4 and we know that tan pi by 4 is equal to 1. So we get t is equal to 1. So when x is equal to pi by 4 we have t is equal to 1 and when x is equal to 0 we have when x is equal to 0 we have t is equal to tan 0 and we know that tan 0 is equal to 0. So we get t is equal to 0 when x is equal to 0. Putting all these values in I1 we get I1 is equal to 2 integral limit from 0 to 1 t dt and this is further equal to 2. Now integrating t we get t square upon 2 and limit is from 0 to 1. Now cancelling 2 in numerator and denominator and putting the limits we get this is equal to 1 minus 0 and this is further equal to now 1 minus 0 is 1. So we get I1 is equal to 1. Now we consider I2. So consider I2 which is equal to 2 integral limit from 0 to pi by 4 tan x dx and this is equal to 2 into. Now integral tan x is log sec x. So we get log sec x and limit is from 0 to pi by 4. Now putting the limits we get this is equal to 2 into log sec. Now upper limit is pi by 4 minus log sec and lower limit is 0. So we get 2 into log sec pi by 4 minus log sec 0 and this is further equal to 2 into log. Now sec pi by 4 is equal to root 2 minus log sec 0 is equal to 1. So we get 2 into log root 2 minus log 1 and this is further equal to 2 into log root 2 minus now log 1 is 0. So we get 0. This is equal to 2 log root 2 and we can also write this as log root 2 whole square and this is equal to log 2 because root 2 whole square is equal to 2. So we get I2 is equal to log 2. Thus I which is equal to I1 minus I2 is equal to now I1 is equal to 1. So we get 1 minus I2 is equal to log 2. So we get log 2. Thus we get I is equal to 1 minus log 2 which is equal to the right hand side. Thus we have proved that integral limit from 0 to pi by 4 to tan cube x dx is equal to 1 minus log 2. Hope you have understood the solution.