All right, welcome everyone to the tutorial session during the hackathon for the Pajama design system. I'll just, there are a number of people we have from the UX team, and I'll turn things over to you, Sam, and you can introduce yourself and the rest of the folks and we can get started. I think you have a slides to share as well, so. I do, thank you, Ray. One second, let me just share my screen. Where are we? Oh, spoilers. Right, okay, so today we're here to talk about our component migration efforts. This is kind of a joint effort between the UX and the engineering teams. So this is quite a big effort.  So, we're doing this so that we can get the community involved and get as many people involved in this as possible, because it's a big task and we take all the help we can get. So everyone can contribute, right? So I'm Sam Beckham. I'm a foreign engineering manager here at GitLab. You can reach me at samdbeckham on GitLab, on Twitter, basically anywhere. GitLab and Twitter are probably the more useful ones, though. And I'm joined today by Jeremy Elder. I'll let him introduce himself. Yeah, thanks for joining and putting this together. So Jeremy Elder, senior product designer at GitLab, I'm on the front end and UX foundations team, helping with working through some of our design system with pajamas and GitLab UI. And so happy to be here, happy to have this migration effort and we'll walk through what that is and jump right in. We're hoping to have enough time for questions in the demo. So I'll let you take it from here, Sam. And it looks like Jarek's on too, right? So glad you're able to join us. If you wanna quickly say hi, you're more than welcome to. Yeah, hey, Ray, how's it going? My name is Jarek Ostrowski and I'm on the UX front end foundations team as a product designer and been helping out with the migration effort and yeah, looking forward to seeing what you put together. So very quickly just a little bit about what we're doing. As I said earlier, this is kind of a joint effort with UX and engineering. So we wanna increase adoption of our design systems. So that's pajamas, that's design.gitlab.com. So this is the sort of UX side of things. This is where we do component usage guidelines, component code guidelines, things like that. And we're helping to do this by increasing adoption of our component library, which is GitLab UI. And what that is, that's a series of components that are built using the design system. So the theory is if we increase adoption of GitLab UI, we increase adoption of our design system and the two things kind of go hand in hand there. And as a lovely side effect from this, we get to remove Bootstrap from GitLab. So Bootstrap is great at doing exactly what the name suggests and that is Bootstrapping something. We're now at a stage where we have our own component library and design system.  So we're trying to move away from that and all of the other bits and pieces that we have and bring them in to use our component library and our design system and things. So that's, and I don't show what this effort's about. So why are we doing this? Again, there's a design, there's an engineering side. I'll let Jeremy talk about the design side of things and then I'll go over the engineering. Yeah, thanks, Sam. So from a design standpoint, we've got some really key points here. First, it's just single source of truth. So right now having a similar to Bootstrap and in GitLab and also as he'll talk in a minute, it's also part of GitLab UI. There's kind of two sources of truth and so we're always having competing differences between production and the design system. So this will provide and promote a single source of truth from a design standpoint and overarching design philosophy that'll allow us to just have one kind of methodology and approach makes it easier for the design team and UX to kind of tackle problems in a distinct way. The component library, keeping that robust and having that, you know, back to the first point, single source of truth, keeping it clean and as Sam will speak to kind of a dryer code base also dryer from design too. So we're not repeating ourselves and tripping over things. Accessibility is a big part of this. So as we introduce new components, we're evaluating them for accessibility. That includes, you know, color or contrast, interaction states, you know, ARIA, some of the content behind the content and from a design standpoint, we're allowed work. We're able to kind of capture all of that and do a single thought and help promote that. And lastly, just to avoid visual regression. So with that single source of truth, we can really allow ourselves to be streamlined and have just clear design communication and assets to point back to. Yeah, the engineer inside of it, as Jeremy pointed to that, it's very similar. We want to avoid code reuse and sorry, we want to increase code reuse and have a dryer code base. So we can have one component that we develop and then use that all over the place so that when that component changes, it changes all over the place when we need to update things. We can update it once. When we need to fix a bug or something, we can fix it in one place. And it helps us build things a lot quicker as well.  And it helps us move a lot quicker with building features as well. One kind of nice side effect of this is we have less third party dependencies. So where we previously used in bootstraps, obviously one of them, there's things like DropLab and all sorts of ones where they're like JavaScript framework, not frameworks, sorry. Plugins that help us do things. We can start moving away from them and using our own get lab UI ones so that we don't have all of this weird mismatch thing which, you know, get lab is a relatively large code base. Now we're starting to get a few things like this. So we're trying to move away from them and move towards get lab UI. As a result of removing these, we get some smaller bundle sizes. And as a result of that, we ship less code to the user. So we get some performance gains as well. And this is something that every engineer enjoys doing. And if we can do it at the same time as, you know, these UX improvements as well and the design sort of, what's the word I'm looking for? Like coherence, I guess, then it's great, we're all happy. So there is one kind of caveat to the removing bootstrap side of things. Like this is kind of the underlying thing for engineering, is removing bootstrap. If we move to get lab UI, we can remove the bootstrap dependency from get lab itself and removing that should allow us to start removing jQuery as well. So we're getting rid of two fairly large dependencies at once from get lab itself and the bundles and things that we ship to our users. The one small caveat, as you can kind of see in this diagram is get lab UI has a dependency on bootstrap itself. So we're not completely getting rid of bootstrap. It's still kind of there in the dependency tree and things. But we're avoiding having bootstrap included in two places and we do get some performance benefits and things from that. So this is kind of the ultimate goal when everything's moved over, we can totally remove that dependency and start seeing some of these benefits. So this is some of the things from get lab UI that we're trying to move from bootstrap. So these are things that exist in bootstrap that we're trying to take and move over to get lab UI. We have alerts, pagination, popovers, tooltips, buttons, drop downs, tabs and models. And we have different epics and things set up to track each of these. And this is what we're asking for help with really. So taking what we've got currently and just moving everything over to the get lab UI version. We have created about 1,000 issues so far. So like I said, we need help with these. There's a lot of issues. These are spread across two epics. There's the Hamel migration epic. So this is migrating all of the things from our Rails side of the code base and the Hamel templates and everything. Things that use bootstrap classes and bootstrap JavaScript and things and moving them to the equivalent get lab UI. Classes and then there's the view one which is exactly the same but with view. And it's a little different in that we can just use the view components because get lab UI is a view component library. Each of these epics have inside them their own sub epics that track each component. And then each of them sub epics have inside all of the issues and each individual issue is one particular file or one particular instance of where this is. So it might be change the alert on the branch page or something like that. And if you dig into these, you'll see what that is. So in get lab UI, this is an example of an alert that we have there. And you can see we can look at the source, the HTML. If we look at the source, this is the view version of it. So this is how you would change it out to be the get lab UI component in a view app. You can see this particular example is pretty simple. It's just wrapping it inside that GL alert. Then for the Hamel, it's a little more complicated. You can click on HTML to kind of see the HTML that builds up this component. There's some helpers and things in places but this is generally how we're having to do it on the Hamel side for now. Sometimes it might make more sense to migrate whatever is in Hamel to a view app so that we have the ability to just use get lab UI generally. But this is kind of our fallback that lets us remove bootstrap essentially. So for where we're at now, I'm gonna hand over to Jeremy to talk over these lovely shots. Yeah, thanks. So I'll go through these relatively quick but just kind of anecdotal charts here for the migration broken down into kind of different components. As you can see here, for view buttons and pagination, we've had a decent burn down. We're roughly closed 56% of all the issues. You can see that we still definitely need a lot of help with bootstrap buttons and loading buttons. Could use some help as well. So let's jump over to the next slide. All right, so the second KR is to migrate the dropdowns, modals, tabs. You can see this is one where we're pretty much at 0%. So there's a lot of room here, a lot of issues to be picked up to help kind of migrate these as well. And then the last one for our KR is the popovers and tooltips. So you can see we're roughly over at 1%. So part of the hackathon in this effort is to really help us bring down those 1,000 issues that Sam alluded to. So we've had a really good effort around buttons so far, but the other components could really benefit from some quick wins in jumping in. So next slide. So how to contribute, everyone can contribute and there's two ways to really jump in and start. The first is to review the two parent epics. So one for the view migration and then the other for Hamel. And under the view migration, there are links to each KR and those contain links to the subepics that have all of the issues that you can choose from. And you'll be able to tell which ones have been closed and assigned if you need any help following. You know, finding those will have resources at the end as far as how to contact us. The other is Hamel and you can view the links to subepics that are actually in that link there. So I encourage you to take a look at those. And most of the issues contain small chunks of work that are really great for first-time contributors. So if you want to jump in and contribute to GitLab, this is a really great way to do it. Great way to meet folks on the team as well as work through some really diverse areas of the product. So with that, I turn it over to you, Sam. Thank you, Jeremy. So this one's a bit of a question for Ray. Do we have 10 minutes to go through a quick demo to show how quick these things are to pick up? No, I think it would be great. I mean, we've got like 15 minutes left on the call, but even if we were to go over, I think this is completely worth it and make good reference. Okay, so hopefully this will take us down to 999 issues, right? We all know the song about bottles on the wall. So I'm gonna go back to the Hamel migration epic and just open that and go from there. Let me just move this zoom thing out of the way so I can actually change tabs. Here we are. So yeah, you can see in here, we've split it up. This is the main epic that tracks everything. I've split it up into different components, so alerts, pagination, buttons, et cetera, et cetera. There's some FAQs and things down there, but then if we go into alerts, this is a specific that has 58 issues and each one of these is a file where we wanna actually move something. If here's one I assigned to myself earlier. So in each of these, there's basically the same description because we're basically doing the same thing for every single one, right? So the title tells you where to look. So this is the file we need to replace the instance in. There's some instructions to say, here's what we want you to do. There's a class name, mapping guide. So this maps all of the bootstrap classes to the GitLab UI classes and then there's a little caveat here for dismissible alerts which we'll get to in a minute. So the instructions, take a screenshot before, replace each instance of the alert classes. Make sure it, I need to change the wording on this actually. So this says make sure it looks the same as it did. If it looks the same as it did, we've not done the right thing. It needs to look the same as it should in GitLab UI and in the design system. Take after screenshots to show that it's looking like it should and then open an MR with your changes being sure to include both the screenshots. So it's pretty straightforward. So this particular one is in app views project branches new. So if I go, this is my local environment, if I go into a project and repository branches new branch, it's on this page. It's not showing up right now so we probably have to trigger something. So if I open that file, let me just copy this and window, here we are, here's the page. Yeah, here's the alert. So if error, so we need to trigger error to see this alert. So if I go back here and say branch with spaces, then we should, yeah, there we go. So this is the alert that we're trying to change. So take a quick screenshot of that just so we can see. I'm gonna, I don't know if I got my own face in that screenshot or not, we'll see what Zoom does. Okay, so yeah, this is what we wanna change and we wanna change it to the GitLab UI alert here. So it wants to be not a warning, but a danger one. So this is what we're trying to change it to. So I've done that. I wanna replace each instance of the classes using the map. So what classes do we have? We have alert and alert danger. They map to GL alert and GL alert danger. So nice and easy to change. GL alert and GL alert danger. Now this should get us most of the way. If I just refresh that, yeah, there we go. So we're most of the way, but as you can see, this is not ideal just yet. This is not right and we're missing an icon here. So we need to do a little more. If I jump back into the issue, there is a thing about dismissible alerts. So this is slightly different to what we have now. I can just copy this though and put it in here. So this white space because it's Hamel and white space Mars. So this should, in theory, I should fix our cross. There we go, we've got the right cross in there now. We are still, yeah, we're still missing this. So this is where I would dig in to get that UI and just go into HTML here and look at what we're missing. So we don't actually have this icon part here. So I know this is written as actual SVG stuff, but we have a helper for that in our Rails app and we're using it for the close icon here. So I can just copy that and put that up there. And then we have these two extra classes here. So GL alert icon and alert icon no title. I'm gonna go ahead and add them in here to the CSS class thing. We should, it'll be the wrong icon because I've not changed the icon, but that should show up on the right side with the right color. It does, fantastic. What icon do we want? It's not the information icon, that's for this one. It's this icon here, which I believe. I think it's the error icon. I've got to get the SVGs. Here is get the SVGs. Is it this one? Yes, it's this one. I think it's error, is that the right one? Yeah, it's error. So all we need to do is where we've asked for the close icon here, that's for the error icon. And that should, that looks right to me. What do you think Jeremy? Does this pass UX review? I believe it does, the only question I would have was margin top on that below the breadcrumbs and I'd have to look into that to know if that was part of the component or the breadcrumb.  I am still on the master branch, that's right. Yeah, so I will take a screenshot of that. So I don't know the answer to the margin question. So we'll put it in the MR and we can take it from there. I would agree. So if I get rid of that, let me just grab the issue ID from there and do... I mean, you don't need to watch me create a merge request, I guess, but this is the point. Like in 10 minutes, we've done... And this is one of the harder ones because this is one of the hammer ones, right? We've not got the benefits of all the loveliness that Vue just gives us out of the box. If this was a Vue one, we'd literally just be changing the name of the component, right? Oh, we're in dark mode. But yeah, so we would just include them two screenshots inside the screenshots here. And they should be on desktop. So there's our before and after screenshot. I don't know which one's which. I've got no wrong way around. I'm not gonna fully submit this because I'll need to go through and fill out all this information and stuff. And no one wants to watch me type all that. But yeah, at this point, I would then submit it and assign it to the relevant people for review and make sure that I've gone through all of these conformity and things that we have for GitLab General and go from there. And then that'll automatically close that issue as well when it all goes through. So you can see one of the harder ones with it being the hammer one, it's took what 10 minutes and we've got one done. There's a lot of these, but they're all pretty small. So if you're looking for something to pick up that's relatively quick and you wanna get a contribution at GitLab, these are a great way to do it. Check out both of the epics that we have here. And yeah. There's some contributing tips here. I don't know if you wanna go over these, Jeremy. I think you wrote these out. Yeah, sounds good. So the first thing is just read the migration tips and troubleshooting help in the epics. A lot of those have steps and errors that many of us have encountered when we're going through whether that's updating spec tests or other pipeline issues that are related to these changes. There's a lot of troubleshooting help in there as well as just examples of if you're migrating one type of button to another, what elements to change, what are available properties. Second thing is to follow discussions and solutions in the issues and merge requesters. There's a lot of help that's already kind of laid out. A lot of grounds already been covered in some of these. And so it's just a good reference point. And then lastly, just picking the right people we're totally willing and available to help. So you can reach out to someone on the front end and UX Foundations team. I can update that slide to have the address. But if you go to basically do the GitLab team page at about.gitlab.com slash team, you should be able to search for the department for front end and UX Foundations and reach out to any of us jerks on there, myself, Tori, who was not able to join in. And then also you can find Sam and reach out to him as well from the Hamilton side of things. So yeah, I mean, that's about all we have today. As Jeremy said, if you have any questions, if you need help going through things, then reach out to his team or myself or a lot of people at GitLab can probably help you out as well. I don't want to say reach out to anyone because I don't want to speak for everyone, but we're a pretty helpful bunch. So yeah, happy counter-reviewing. Awesome. I mean, this is perfect. Thanks and I appreciate the demo. I mean, there are a couple of like community members I was thinking of that are pretty interested in a lot of front-end side of things. I mean, one person's in Asia Pacific regions, like in the wee hours and the other person's in Eastern Africa. So I'll, once the video is posted on our YouTube channel, I'll make sure that I send a link over to them.  So I'll try to make sure that this is something that he takes a look at. And hopefully, we'll see more MRs. Yeah, thanks very, I appreciate that. And this is something that, you know, even if you're not particularly a front-end engineer, a lot of these things can be picked up, especially the view ones. There's quite detailed instructions in all of these issues as to how to do things. Some of the view ones are a little more detailed because Tori's been doing them and she's much more detail-oriented than I am, I think. But yeah, no, yeah. All the help we can get, we will absolutely take it. Awesome, all good. Thanks all for your time and we'll see you around. Yeah, thanks. We'll see you around. Thanks.


It's time. It's time. Okay, bring here help her get down the steps No, you're good Okay, stop Okay, you guys count down to three It does connect but it's it's crazy One two three Costco one two three steps. No, don't even try and trick me Earned this one today earn this one day Okay, so how hard do I do it she crushed it she crushed it Taught him not to do this right see what I mean you catch moments like that that was not planned call of nature Explicit content. I apologize first time ever on the vlog. I apologize


get over to our man and kick this new year off right folks our man mr. Basil Chapman and don't forget Basil does an outstanding show here every trading day 10 to 11 eastern standard time as a great newsletter the opening call now it's very easy to get the opening call folks come over to our website at tfnn the random newsletters you're going to see you hit the newsletters coming on left-hand side you just hit the opening call you can get it for one month for $149 you get six months for $695 which is the savings of $199 or 22% and you get it for one full year for $1195 which is the savings of $593 or 33% now folks they all come with a 30-day money back guarantee so as you're checking it out you can get the six month you get the year you like it great you can keep it something doesn't work for you 30 days just you get your full money back Basil has an outstanding newsletter has some archives out there that really explained to you how he looks at the market and how you ride that wave and ride that wave into 2023 Basil Chapman happy new year happy 2023 can you imagine just they move along so quickly don't they oh scary man I guess you can't you just kind of think about it man no it is going to go well especially for those who have to look at the market every minute of the day so we're just so lucky I mean you know what a great business to be in I mean you know and we win and lose folks that's not what I'm saying it's just that's an exciting business that's the bottom line you know I treat it is there is no day that goes by that doesn't challenge your market intellect it just it pushes you it's funny even at my age even at the decades that I've been doing this I still feel that I'm learning every day I agree I that's what's so exciting I mean that's for me that that is the most important thing that it's education for me and I also feel that I'm trying to educate my subscribers and I think we we're getting there yes totally okay here we go talking about talking about patterns if you think about the day if you look at this pattern on the right that's let me show this is the dating this is the weekend this is the monthly and I know I always talk about the dollar the dollar is only 30 stocks but wow what 30 stocks it really represents and especially at this particular time a perfect emblem and encapsulation of the market itself because we're looking even in the short term when you've got this tussle going on you can see it in the chart we are stuck between thirty three thousand four thirty three thousand four hundred and thirty three thirty two thousand seven hundred stuck it there for over a week and that in this market that's a long time to be stalling but I think when I'm looking at it the the homework I did over the weekend I had for my subscribe to my opening call had another one of my hour videos for Saturday overview because we were looking at all different things almost I tried to treat it almost like an educational video so the thing I looked at was there's such and I've been talking about this for the whole year the selectivity the rotation when there's a correction even within a sector you can have some just even a couple of the stocks in the sector holding the market up that particular sector well and quite a lot of them are just looking terrible so this is individual individualization so if people are looking and they have their favorite stock and it's been acting quite well don't don't listen to the soothsayers look at your stuff if you feel comfortable put your stop in don't be afraid because if it's holding well in this environment that's a good sign that's relative strength and I like that so I just wanted to throw that out because a lot of people are listening to the news I know I saw a lot of friends over the weekend having people I never took market to we just have fun together I talked about everything else and they all were just shaking their heads oh this morning 2022 but in fact I believe very strongly that a lot of people have a good eye they just don't believe in it and they really listen too much to what others are saying so I wanted to get that out the way when I'm looking at the market in the Dow if you consider that this is really being a we've had bear markets in every single in in just about every single index every sector in other words they're gone under 20 percent but look at this 36,952 in the Dow down to a low of the 28,000 and then it bounces and right now it's a 33,000 in a in a way I I'm kind of impressed but it's very selective I can't say the same thing about the other indices so I'm going to say that for the subscribers to open a call we are still trading we're still along the Dow we're still along the three times Dow we're treating it as trading positions get in and out core positions as well but for day traders we have trades that last a day or two and take profits or we take a very small loss that's something separate but for subscribers and I've been showing this to in my overview on the weekends when I show the kind of things that we're looking at for 2023 I'm still sticking to the premise that if if I'm able to satisfy subscribers by having stocks in between one dollar and two dollar I have stocks that are in the teens stocks that are in the in the double digits stocks that are in the in the triple digits now I'm looking at stocks forgetting about price but I want to have a range for subscribers so that if they just want to put a small amount of money to work they can do that and I always say to them you're not taking your one dollar stock and buying 300 000 of them you're not going to make your fortune on the one dollar stock don't do that it is just part of your portfolio small part cheated as a trade and that's that's what I like to do but the other thing is within the context of the markets themselves we are starting to see a couple of stocks I'm going to mention this we haven't got into it but it's so fascinating GE I mean they did everything that was just a textbook for Harvard students in economics to to see what was done wrong from 2001 I mean everything buying oil at the wrong time buying the financials but I think GE started to improve a lot so this is on my radar but it's going to split tomorrow it starts off with a split I think I'm going to go to the healthcare so it's a little difficult if you had to buy today then tomorrow you've got the split and you got to figure things out it gets a little complicated so I'm looking at GE because I think GE is starting to improve because the cyclicals based on say Boeing are based on the really heavy-duty stuff I think that we are starting to see some improvement in the cyclicals but you cannot get a market that's going to move very strongly unless you get the SMHs the semiconductors moving at about six months a guy said I would not be surprised if we start to see a glut in the chip area and the whole thing is going to be does the glut come just as the automobile companies and all the other companies that need the chips are actually slowing down so it's a double hit for them or is it going to be at the time when it's most desirable and they're getting a little discount on there on the chips so this is going to be very important for the semiconductors and trading at 206.95 right now so 201.40 if the SMHs in January are even able to touch 215, 217 that'll be at least a good sign but if they break down and you start to see them 195 that's not that's not a good sign at all so I'm looking at the sectors and say what can you help me with but even in the semis there are a couple that have held very well but I need the actual index itself to show that there's strength because as you and I have spoken about for so long the chips really need I consider the chips to be like the oil used to be for well still is for the whole of the 20th century then 21st century it was essential to almost everything chips have become the oil of the 21st century so I think that's really important so I've got the things that we're looking at we've got positions that we're starting selectively built a lot of cash for for subscribers so that we can get into new positions in January February so we're looking at entry points and very selectively so I we're in a good position to start buying very soon and folks it's very easy you guys newsletters come over to our website you can get that newsletter to opening call but I love a great one say fun we look forward to show tomorrow thank you calm youtube stay right there folks if you want to


What is up everyone welcome back to another video my name is Jacob if you're wondering yes that's me and this is well this is going to be an interesting video I'm asking the question I'm asking the question can I can I live the van life for seven days can I survive in a van with nothing much else for a whole week that's going to be the plan I've got a destination I've got a van and I've got myself so guys I thought look this is the first video of the series I'm not going to be taking off in the van until next week but I thought Wolster was here we could discuss it and have a quick look before I do anything to it so the van is completely and utterly stripped there is nothing inside it and that to me is a blank canvas that is so exciting and this is something that I've wanted to do for a long long time you know anytime I see someone wake up in a van or out in a van or just honestly man the one thing that I'm imagining is waking up in the van when it's raining opening that end door and laying in my bed and looking out at whatever view I'm parked up in front of with the rain on the roof and a coffee in hand and a book and that sounds like heaven it really does so that's the plan guys it's going to be a week of solace it's going to be a week of content creation because I'm going to vlog the whole thing and I'm really looking forward to it man so we're in Christchurch New Zealand the destination that I need to be in a week and a half is Queenstown I'm doing my very first marathon believe it or not I'm going to take this opportunity to take the van set it all up for myself for a week head down to Queenstown do the marathon and then live the van life for the week post marathon does that make sense I hope it does so moment of truth guys that's her right there she hasn't got a name yet but I'm sure she will and um I mean I open this guys I open this and I have a look inside here and it's it's it's a feeling of excitement it's a feeling of of the unknown it's a feeling of happiness and the reason I'm so happy is because this is what I'm looking at so look literally nothing guys fuck man you could fit a whole double bed in here plus some so there she is the beauty so yeah I suppose that feeling that I was talking about that amazing feeling that I cannot wait to have is going to be somewhat similar to laying right here in my nice comfy bed with my comfy ears pillows hearing the rain on the roof seeing it out the windows waking up just like this just like this and looking out at some incredible view with just a surge of positivity and motivation that's how I see it happening guys for anyone else out there that's done the van life please let me know in the comment section below for anyone that wants to subscribe and follow along my my first ever experience with living the van life for seven days please subscribe and for anyone else in a category that I haven't mentioned please by all means like the video it means a hell of a lot to this channel and its growth so there we have it I will be leaving Christchurch on the Thursday before so the marathon Saturday the 21st of November I will be packing up on Thursday the 19th and taking off and I cannot fucking wait I cannot wait guys there's going to be a couple of other things that I'm going to do whilst I'm away such as taking a break from social media I will be taking a complete week off and I will be vlogging that too I mean why not that's the kind of thing that I like bringing to my channel it's unbiased unfiltered experiences and opinions and thoughts of mine as just an ordinary bloke here in New Zealand and I've clearly lived in Australia for too long because I just called myself a bloke and that's not on so guys thanks for watching I'll see you in about a week when we head off I can't wait peace out guys let's fucking do this


So, what we have discussed that in astring medium, we will try to get more stable alkene, more stable alkene, write down the possible product and then you compare the stability of alkene, the one which is more stable is a major product.  Basic medium, I will take the same example. Basic medium is this OH minus will happen. Now, this basic medium takes H plus in the first step, this attacks over here and it takes H plus from the first step, this electron pair comes up to this carbon. So, the product here we get is intermediate non product CSP C double bond O CH2 with lone pair on carbon and negative H2 plus H2. Is it clear? Base, acid base reaction. Now, this step is the RDS of the reaction. Slowest step RDS. You should know this. RDS is what? Formation of carbonyl. Formation of carbonyl. So, we try to get stable carbonyl. If more than one carbonyl is forming, then the carbonyl which is more stable gives you the major product in this. So, more stable carbonyl will form. Now, in the next step, first step of the reaction is this. In the next step, this carbonyl CS3, one thing also we can write here. We can write down the resonating structure here because lone pair sigma of pi bond, this comes over here and this goes over here. So, this will have CS3 CO minus double bond CS2. Now, this one CS3 CO minus double bond CS2 in the next step takes H plus from the water molecule which forms in the first step, this water molecule. Because, base is again, it is what? It is catalyst. So, it won't get consumed in the reaction. Eventually, it has to come out as OH minus. The concentration of base is not changing. So, when this O minus takes this H plus, then OH minus goes out and we end up getting what? CS3 COH double bond CS2 plus OH minus. So, isn't it the same mix? Yes. Yes. So, point A is that the mechanism is different. For example, if you can't ask for this. If you can't ask for this. If you can't ask for this. If you can't ask for this in JEE, competitive example. How would they ask for this? Mechanism they won't ask. Now, the question is that you would understand what is the advantage of this mechanism. Okay. You should know this that in basic medium, carbonyl you have to concentrate on. You should get the only way to find out the RDS is experimental. You should know this. This information is given in the book. Is it possible that the most stable carbonyl doesn't form the most stable alkyne? No. It's not possible. Most stable always gives you major product and most stable alkyne. But here we don't call that will form more stable alkyne. Because this step in which the alkyne is forming is not the RDS of the reaction. RDS is this. So, we talk about most stable carbonyl not alkyne. There was a product that we are getting here and in acetic medium is same. But the mechanism is different. Suppose if I write down this one, one example I will give you, which we have already done. But in basic medium we will see. So, one note you write down in this first. In basic medium we will try to form, in basic medium we will try to form most stable carbonyl first, which gives the major product. This example we have already done. Tell me the major product in this. The mechanism is basic medium. The medium is basic, basic medium. Major product in this one. Same product we are getting. Major product equals only one product. It will be the opposite. Major will be one, yes. So, there is only one product. No, there are two products. No, there will be two products. There will be two carbonyl. Carbon and that carbon is the hydrogen. We get these two products. Which one is more stable? Second. Second one. Where is four? Six. I have given you the product so we form to this path. So you have to see in those products what are the carbonyl forming. And then what is the hydrogen? Alfa hydrogen won't work here. No, it won't work here. It's not actually, it's this. You try to understand one thing. Just take what's in the first step. What's happening in the first step? OH-minus takes H plus from alpha position. So here, the base here, this will take H plus from the alpha position. Now we look to alpha position. This is the stable position. So when this H plus comes out, we'll get carbon ion here. That is 2TD carbon ion. So which one is more stable? This one is more stable. This gives you the main product. So this will be the major one.  This mechanism, we write down for this question. At this mechanism for one question. So here, hydrogen for the carbon which are bonded to the carbon bond. Yes. So here, hydrogen for the carbon which are bonded to the carbon bond of all this. Yes. Yes, yes. Sir, but alpha is a major product should be same in both of them. What are you saying? Are we getting a very good one? Sir, can we just find which has more, lesser alpha particles and say it's that? No, you don't know that. Alpha is a particle. Alpha, I know that. Yes. See, what I will tell you? I will tell you. You just have to form the more stable carbon ion. You can talk in other way also. The carbon which has more number of hydrogen. Right. That gives you more stable carbon ion because there will be no plus side effect. Okay.  GOC whatever you understand. In any chemistry, everything is connected. We will get confused. Okay. Did you write down the mechanism of this one? Right. Two different carbon ions that we get here is when hydrogen comes out from this carbon and hydrogen comes out from this carbon. I will just write down the carbon ion here double bond O with negative charge plus here we have negative charge and double bond O. This is 2 degree carbon ion so which one is more stable? One degree carbon ion is more stable. One degree, two degree and then three degree. In case of carbocation that stability order is because of plus high effect or plus H also you can say. Okay. But in carbon ion, hyperconjugation is not possible. Carbon ion may hyperconjugation is not possible. It is only possible in theoretical. Carbocation and alky. So, this gives you the major product. So, major is this one. Okay. Can it be the major and minor product in this? Immediate is basic. First of all you write down the product. The two product that you get and then you think which one is more stable. One degree and three degree. One degree and three degree. One degree and three degree. Two degree and three degree. See. We will get a carbon ion. We will get a carbon ion here and we will get a carbon ion here and the two carbon ions we will get. This is three degree and this is two degree. This one is more stable carbon ion. This gives you the major product. This comes over here. This biorecton strip over here. H attached under this oxygen. O H. This is the two product we get. Which one is major? The first one is major. In ascetic medium what was the major product in this? The second one. Opposite, right? So, what we can say the major product in ascetic medium becomes minor in basic medium. Can you see that? It's always. It's always. We always. Always. Always. So, whatever we have discussed so far that major in ascetic becomes minor in basic. This question you say? Exception. Write down the product in basic medium and acetic medium. No. Basic. So, I mean the product should be same with the major minor product. No. Where?  In ascetic medium. Also such a benzene. Benzene gas. It's very difficult. It's very difficult in benzene. Benzoic acid. Also something has to be benzene. No. Done. What is the product we will get here? Major product, basic medium? One. And here the major is? Opposite, right? Very great. No. No, sir. Look. Yeah, I don't see anything. Which one is the major? Which one? See, first of all, we will write out the product here. Oh yes, sir. It will be opposite. Now you listen to me. Acetic medium. We will write out alkene directly. Because we have to compare the stability of alkene. The alkene that we get here is double bond here. Yeah. And double bond O. O H. This one product. And other product is this. Yeah. Here the product is? What happened with this one? In this one, in this one, what we have to do? We have to compare the stability of? Acetic medium. Alkene. Acetic medium, alkene. Side effects. Number of alpha hydrogen. How many alpha hydrogen we have here? Three. Three right, sir? Yes. Which one is more substituted? Four. Here you see, one hydrogen is substituted with O H. And here one hydrogen is substituted with N O 2 O H. So which one is more substituted? The first one. The first one, right? This alkene is more substituted. This is more. Sir, also it has more alpha hydrogen. It also has more alpha hydrogen. Number of alpha hydrogen is two here and two here. Four. Then two plus one there. And here it is? No, it's not four. Two plus one. Three. Two plus alpha hydrogen. This is the answer. This is one thing. Second thing is what? This is in resonance. This is in resonance with this, right? So lone pairs, sigma pi, sigma pi resonance. That's why this is more stable. Alpha hydrogen is also more substituted. So this one is more stable. Since the medium is acidic, so we'll write down the alkene and we'll compare the stability of alkene. But basic medium, the intermediate is what? The intermediate is? Carbonide. Carbonide. So here we won't write the product directly, but it will write down the carbonide that forms in this reaction. Can we get a carbonide here? This one is the same thing. And here we'll get the negative charge, double bond O. Now which negative charge is more stable here? First one. Why first one? Because this group shows here minus M effect. Here we do not have such effect on this negative charge. So this is more stable. This gives you a major product. So the major product is what? This is the major product. So is there any resonance also of sigma pi, sigma lobe? We are talking about the stability of the negative charge. So we'll see this in conjugation with this. There's no conjugation here. This conjugation is here. It's on the right or on the left side? We have here. Here we have this side and this one. Minus M effect. The negative charge is the range. This applies by the minus M nature of this. But here we do not have minus M nature. What's the difference between dancing resonance and auto-minus M? Dancing resonance is only possible in cyclopropyl ring first of all. And there is no change in the position of attitude. It's only cyclopropyl. Just cyclopropyl. Just cyclopropyl. And there's no change in the position of attitude. Electron pair is the same. Because cyclopropyl is stable. Because cyclopropyl is stable. The angular state is very high. That's right. So that is why in acidic medium we are getting major product risk. Basic medium also the major product. So it is not like the major product in acidic medium becomes minor in basic. You have to only find out the more stable alkene and the more stable carbon. It's a different thing. No.


Good morning, John. It's Thursday. What am I doing here? This is now one of my days. I'm making two videos this week because I want to explain something. You may have noticed. You probably didn't. But you might have. We're planning on having the Awesome Socks Club window open for two weeks, and now we are into our third week. What is that about? Well, we thought that when we launched, you would have the ability to switch over from crew socks, which are like up to the calf, and to ankle socks, starting in January. So you could switch over, and in January, you'd get your first pair of ankle socks. And because technology is hard, that wasn't the case. It's so hard. Just that one feature has been quite a difficulty. It makes me feel like I would never pay a lot of money to acquire a technology company. But if we closed it down, it would become very hard to switch people over to the ankle socks. So we kept it open, and now that feature is live. And you can go to awesomesocks.club, and there's a link. And there's also a link down in the description that you can go to if you'd like to switch to ankle socks starting in January. You can't do it before then, because we won't have ankle socks until January. But now that that feature is live, it does mean that the socks subscription window will close on Monday the 21st. So this is really easier last week for real this time, just because there's been a bunch of people who wanted to switch over and haven't been able to. I wanted to make a video just to like get that message out as far as it could possibly get. I'm also really excited about the light roast for the coffee club that launched this week. We don't have decaf yet. I'm a decaf drinker. We're going to get there. Turns out decaf is surprisingly complicated, and we want to do it right. That's like the whole thing here. The idea is that we're working hard to make sure that the things we make are like really high quality. You get to wear some art on your feet, or you get to have like the best coffee that just tastes really good and is good for the world. And if we can't do decaf right, we're not going to do decaf until we can. And when we do, I will tell you all, all about how decaf is made, which is fascinating and why it's so complicated to do it well. Anyway, just want to tell you about the sock thing. John, you'll see me tomorrow.