Music, a big thank you to SEO press for sponsoring today’s video SEO press is an exceptional, WordPress, SEO plug in that boosts your website visibility on search engines. If you want to upgrade your SEO game visit SEO press org today in today,’s video, I’m, going to recreate the Bob Dylan website in under 30 minutes Music. So over on the left is my website over on the right is the actual website. The first thing I’m going to do is go into the dashboard, then appearance and editor, and because the Bob Dillan website has a very, very unique front page that’s different to all the other pages on the site. I’m going to go into templates and add new template here and what I’m going to do is select the front page template. That means I can have a very different front, page layout to the rest of the website. So now that’s loaded in I’m just going to close down the choose pattern panel and I’m going to start by adding a header and one of the beautiful things about block themes. Now you can see over on the right of my website on the sort of right hand, column. I’ve got all these different choices for my header layouts and I can just click on these and in one click the layout of my header will change, and this is the one I want, because I want to put a background video behind my header and This uses the cover block and that lets me add a background. Video behind I’m just making a few little changes here deleting the site logo, because I just want to use the site title as you can see over on the right. There’s no logo, that’s just Bob in’s name and then what I’m going to do here is open the list View and I’m – going to click on the navigation block and just make a few changes. I’m going to make the text a little bit smaller, just really finessing the layout to make it look fairly close to the Bob Dylan website. I’m not going for exactly the same but as close as possible within the time limit that I’ve got and then because it’s a cover block. I can select the background video and you can see it’s loading in there and then I’m just going to select full width and full height for that. I’m going to choose that little Matrix option which basically puts my navigation right at the top. So now we’ve got the layout not far away actually and I’m using the spacer block. So I can actually choose where I’m going to put my heading. So now I’m just going to write the words in the heading paintings and sculptures, and I’m using the H2 block for this, and then I’m just going to align that center. Now here I’m going to choose the right size. Well, roughly the right size and I haven’t really sorted out the fonts. Yet I’m just getting approximately the right size trying to replicate over on the right. You can be much more precise than I’m being here, but I’m trying to work relatively quickly just hit return, and then I’m going to put my little subheading underneath by Bob Dylan and then I’m going to align that using The toolbar just to align that Center, so the layouts not exactly the same, but it’s. Pretty close. I’m going to move on to this section underneath now, so I’m just going to scroll down and hit return, and you can see over on the right that’s, the section I’m trying to accomplish, which fundamentally is just a two Column layout with a image in the left hand column. So I’m just going to click on the plus sign and add the image I’ve already pre loaded all these images and there’s Bob. So I’m just going to select him in there and then I’m just going to full speed. I’m just going to copy and paste text over on the right. You’ll, see when I paste this in it’s not quite right in terms of formatting, but I’m going to sort that out next, I’m going to select the columns block and I’m going to align the content in that Columns block vertically centered and then I’m, going to select the columns block again using the breadcrumbs as you can see, as I’m doing down below, is a fantastic way of doing that and I’m just to set the background color black there. We go now. You’ll see there’s a little white Gap and that’s, because naturally there’s some margin put in the columns block. But you can remove that just by selecting the colums block and taking the margin back down to zero, and here I’m going to try and finesse the text slightly. I’m not going to get it exactly right now. Normally what I would do with these, which I’m, going to show you a little bit later is. I would make changes to these in the global stars, but just to show you quickly now you can see you can do things like change the line height. The letter spacing the size of the text, but again I’m going to do these globally later, which is the better way to do them for maintainability and then. Finally, I’m just going to add a bit of padding to the top and the bottom. You can set individual paddings for top and bottom, but I’m going to choose a uniform one so that’s pretty close. It’s not exact, but it’s not far away at all. So I’m going to select the cover block again and hit return that’s a great quick way of doing it. We can see the layout underneath here with Bob on a train staring out the window, and this essentially again, I think, is probably just a cover block. So I’m going to add the cover, block and add a background image behind that. Now you can see there’s a few differences on this one. We’re going to remove that margin as well at some point, but I’m going to take the opacity down because when you add a cover block, it naturally adds some opacity to help make your text stand out. I’m going to remove that and I’m just going to copy and paste my text in over on the right now when you copy and paste your text in it’s going to assume in this case it’s a paragraph, but I’m actually going to transform this using that little icon there to a quote block, which is one of the cool things you can do in the block editor. You can transform certain blocks to other blocks and then I’m just going to change the text again. You can see the letter spacing and the line height, isn’t quite right, but frankly we’re not far away for a few minutes work. So it’s pretty it’s pretty good, and I’m just going to make a few style changes here. I’m going to fix the background, so this gives you a sort of pseudo parall effect you’ll, see when I make this cover block the full height in a second, using that little icon there, you can see how the background image is now fixed To the back, which isn’t a true Parallax, but it’s actually in my senses it’s actually a really nice way of doing it. So that’s not far away at all that’s, pretty good, let’s scroll down. So I’m going to select the cover block again and hit return, which is just a really quick way of adding a block, and you can see we’ve got a three column layout, so there is a bit more complexity to this one, because we’ve also got discover artwork that we need to add in so I’m going to show you a neat way that you can do that, where you can have three column layouts, but you can have a heading that’s sort of independent of those Three columns, so I’m going to start off by just adding in each of those columns the images which I pre loaded. Now the one thing you can do when you’re, adding these images, you can fix the aspect ratio which is fantastic for maintainability, because if you set the aspect ratio and then you change the image, it’ll maintain the aspect ratio. So I’m setting these all to exactly Square. So if they weren’t Square, they would take those proportions. So it’s a neat little trick that you can use that all sorts of ways – and I’m just going to add these three images and there we go there’s, my third image and obviously the background color is wrong and I also need To add a heading, so what I’m going to do is select the columns block first and I’m going to change the background color to the black color. Underneath the image you can see that there’s little headings, so I’m. Just writing some text paintings and I’ll just basically style these as well. So I’m going to change the letter. Spacing you can see how you can go in and change the letter spacing on all of these and for Speed. What I’m going to do is just duplicate these by using the list view, so you can see up there. I’m just clicking on the three dots and duplicating and then dragging it into the second column, and then I’m going to go off and do that again for the third column and that will maintain the formatting that I just changed and it means I just need to basically retype the text to the correct heading and it’ll maintain that formatting and I’ll have everything. Looking exactly how I want. I’m just moving the image up on that one cuz it when I dragged and dropped. I didn’t quite do it in the right place, so there’s, sculpture and then the final one is lyrics and drawings and you can see how they’re, naturally stacking. When I resize the screen, because we’re using the columns block, they will be intrinsically responsive, they will just stack naturally for whatever mobile device they’re being viewed on. So this is the bit where I’m, going to show you how you can add a heading, but almost like it’s within the same grouping. So I’m, adding a group block, as you can see here and I’m going to justify it left now within that I’m, going to add my heading itself and just type my text. It won’t be the right font at this point, but let’s not worry about that. We’re just trying to get this where we’ve got this black background behind the whole section and then what I’m going to do is open the Styles over on the right and I’m, going to set the background to that. Like so, I’m going to change the text color to white. Then I’m going to select the group itself and I just need to remove the margin on this, because we’ve got those little white spaces above and below. Like so, and also on the columns block, you can see we’ve got a little white space here, but what I’m going to do here is just add a bit of padding to that group to let it breathe a bit. The words can breathe bit and then all I need to do to finish off once I’ve sorted out my text size and letter spacing and finessing. The text, like I’ve done before, is in a minute. What I’m going to do is remove that white space like that. Just select the columns block itself and then remove that white space, and then we go that’s, pretty close. It’s not exact, but it’s. Then we move on to this section underneath, and this is another great way of adding blocks if you ever get stuck with adding blocks. You use the list view just select the list View and go add after and you can see over on the right. This is what I’m trying to achieve, and essentially again we’ve just got a simple two column layout, so I’m just going to copy and paste my text from the left hand column over there and we’re just going to paste That into that right hand, column, like so, and I’m going to change the text size again to small again. I would set these globally, which I’m, going to show you how to do a little bit later on just so, we can keep the flow of this one. I’m going to keep going this way and then I’m going to select the image and you probably guess what’s going to happen. Next, I select the columns block itself. I’m going to change the vertical alignment M like so, and then what I’m going to do is using the styles again. I’m going to change the background color to Black change, the text color to white and then all I need to do make sure you select the columns block itself again and I’m going to remove the top and bottom margin and there we go That looking not bad at all, oh, I’m also going to add a little bit of padding into that as well. Just to let it breathe a bit like the real website over on the right, you can see. We’ve got a what looks like another cover block with a fixed background, but can you see how we’ve got much more opacity? So there’s a much more of a you, can barely see the image behind it. So I’m adding the cover block and adding the background image like so, and what we’re going to do. Next is we are going to fix the background like so just fix the background, make it full height using that little icon. There click on Styles and we’re going to basically add some overlay opacity. So I’m going to change the color overlay opacity and that’s looking pretty accurate and you can see how it just when you’ve got white text against that. It’s going to make the white text stand out much more, so the overlay opacity is really useful when you’re using the cover block and you’ve got text in there and you want to make the text stand out and pop and it’s not getting confused with the background now all I’m going to do as you probably guessed, is, remove the margin to the top and the bottom, and that’s not bad at all that’s pretty good, and then we’ve got This final section down here, which is the Bob Dylan rail car, and you can probably see again that’s just simple two column layout and I’m going to add an image over in the left hand column like so there we go there’s, The rail car and then for Speed I’m, just going to copy and paste this text. Let’s see what happens it’s, one of the really nice things about the block editor. Is it’s really great at handling copying and pasting text and it’s uh it’s doing its best on actually sorting out, which is which, which is great, so I’m going to line it vertically again, I’m going to change The text color to white on these a text and then in a minute what I’m going to do is I’m going to make sure I select the whole columns blockers again and I’m going to set the background color to black. Pretty good that’s, not bad at all, the text is a bit all over the place, so I’m going to just finesse that up a bit again. I’m working really fast here, so you take more time over this. I just want to show you what’s possible within the limited time of the video again, I’m doing these individually, which I wouldn’t recommend. You should set these globally and I will show you where you do that in a second, but I just want to keep the flow going for this for Speed. What I’m going to do here is a little soft return, which is useful, just hold down shift and then hit return. If you don’t want to have like a paragraph line, break it’s a useful thing, you can do in WordPress and then the final thing at the bottom is this sort of footer area where it says, manage cookies, copyright, right, Etc, and this is Pretty straightforward: this is just I’m just going to copy and paste the text, and then the final thing I want to do here is that that add that little separator line, so I’m going to use the separator block to add that in and That’s kind of completed, looking really good. Let’s have a look at the whole page now, so there we go there’s the there’s the site that’s, the top of it. Looking pretty good the text, isn’t exactly right, but I’m going to show you where you can change that and finish it a bit more here.’s, the second section that’s pretty good mine, isn’t quite deep enough. So I’m just going to actually go and change that this is how you can be a bit more precise, so add a little bit of more padding around. It is one way to do it that’s not far off that’s pretty good, and then we’ve got this section down here with Bob staring out of the train window and then scroll on down. We’ve got this three column layout, which I that’s pretty spoton, that little two column layout, pretty good. My text, isn’t right, but it’s not bad. For the time. I had that little section there and then the final rail car section with the footer below overall, I think for whatever that was about 15 20 minutes. I’m pretty happy with that. That’s a pretty good effort. One of the nice aspects of the block editor now is the zoom out view so that little icon that I’ve clicked on in the top of the toolbar, and it gives you a zoom out view. So it’s a much easier way. You can see your work and there we go there.’s, my there’s, my finished page, looking, really beautiful and – and the next thing I want to show you is how you can select the font. So what this is, this is a little Chrome add on that. I’m using here called what font and basically you can activate it and then go on to any website, and it’ll actually tell you what fonts that website is using. I will put a link in the description, so you can use it yourselves. It just saves you having to inspect the code. It’s a really quick way of doing it to see what fonts and you can see the fonts that the Bob Dylan website is using here so uh it’s using Spartan and now in the block editor, you can add these fonts yourself. It’s really easy to install fonts. So this is me just installing those fonts, so I use exactly the same fonts or the same font, families at least that the Bob Dyan website is using. So I’m just installing these using just call WordPress. This is built into every single WordPress website. Now I’ve selected The Heading font and now I’m going to choose the text font. You can see here that I’ve already installed it so now I can actually select it for which elements of the site I want, and there we go there -‘s monster r, so that’s now selected. I can also change everything here globally. So these are Global style changes, so I can set the the height the line. Spacing the letter spacing everything here and then I can choose my heading font as well here, if I want to so. This is where you can set it globally. Just a few more little tweaks before I finish, one of the things I want to do is my site title. You can see in the top left of my site where it says Bob Dylan. I want to increase the letter spacing on that to like make it look a little bit more like the real website, so I’m just going to play around with that increase the letter spacing and then I also want to select the navigation block itself. Go to Styles and just to make a few little tweaks. Here again, I’m going to change the letter spacing on this one, because I want it a little bit those words to breathe a little bit more there. We go that’s looking pretty good and I probably just want to bump the size down a little bit. I think again you can play with these. Obviously so your heart’s content that’s a little bit small, let’s bump it up! A bit let’s have a look at that that’s pretty good. I think it’s still a bit small, but it’s it’s not far off. Is it let’s have a look at the final site. Then now, with my new fonts that I’ve installed globally, that’s looking pretty good, let’s just save that and let’s go to zoom out view. Here we go here,’s the site and I’m pretty happy with that. For but not very much time at all, we can replicate the Bob Dylan website and it’s got some it’s got some really nice features, but it’s also very simple and very elegant. Looking pretty good and let’s just test it on mobile, this is what it looks like on mobile and because we’re just using core blocks, pretty much everything works. Intrinsically you can see here. This is the first screen you see the top of the page with the video playing behind it. It automatically flips to a mobile menu, let’s scroll down and you can see how those columns are automatically stacking, so everything actually haven’t done anything in terms of you know any CSS tweaks to this all, but everything’s looking pretty much perfect Out the box, I don’t think I’d want to change very much at all about this, for a mobile, so overall really happy pretty good and here’s a final look at the zoom out View and I’m going to scroll down The page, so you can see there’s Bob playing above, let’s scroll down. Looking looking pretty great, if you enjoyed this video as well, if you can hit the like button, it’d be amazing, because it makes a huge, huge, huge, huge, huge difference in terms of how many people actually get to see this video. So thank you. If you can hit that like button and also every time you do hit the like button, our cats get a little Music treat. If you want to see more videos like this hit the Subscribe button and you’ll be notified every time I release a new one. Thank you. So much for watching keep well, and I’ll see you soon. Bye, no
Ruben Amorim post-match press conference | Tottenham Hotspur 1-0 Manchester United
good afternoon guys want to get going Samuel how you assess that forms be plays with plays with again no I think I think um the big difference was the go that score we didn't score we had the chances um we tried a different approach with the the players that we had uh we had to change during the the week and I'm really pleased with the with the effort and the the way they they challenged um Tottenham to create we create situations so in the end I think the biggest difference was that they score and we didn't which ones do you think could be available the next game it's hard it's hard to know it's hard to know uh let's let's wait a few more days I think Lenny and cre they will they were sick so they will recover of course creis has the hard situation and we have to be really careful with with that um it's nothing about the heart I'm just saying the the heart rate has to be controlled because he has fever it's just sorry guys about uh the situation so I think we will recover that um um and the rest we'll see I think Kobe is out Amad is out for sure I think until the end of the season we'll see the rest probably that months weeks I don't know I don't know let's see I think weeks Lor done regarding his inent do you think differently or the case of PA no I think he everything is everything together Ahmad was alone he was doing a tackle um the the the thefe was stick in the in the grass uh some players felt um during during training um sickness so is everything uh we try everything to to have the players uh fit uh always talk about my changes changes game by game to try to try to to have the players fit and then I was always asking for one week in one week we lost so many players so sometimes we have one moment that everything is um going going wrong the bench start maybe bring I think if you if you see shidu playing sometimes every ball lost in the in in the box is very clever so I was trying to to to put one more player because I felt the team was was was was was good during the game and I don't feel the need to change and then Shido was like that player one long ball could make the difference John in the first half you obviously have chances overall but in the first half G actually when puts it over you can see your frustration in the touchdown what's going to no no you want to yeah you want to score and we want them to score uh and sometimes in in these moments you feel a little bit frustrated because that can change a game that so that's all but then after two seconds I'm just focused on helping them to to play to play football nothing's changed dramatically is it a frustration that you not been able to of course every day every day for us for our fans but we need to to stop focusing on the the big picture is not the moment to do that just focus on the next game let's do everything to win some some games to finish the season and then think uh in the big picture in this moment is just to uh try to to to stay with the players healthy to recover some players and focus on what we have to do in the next game and that is our goal make well just on that all these circumstances how do you view this season you have to kind of WR it all and just use it preparation for the Future No we in this moment is more than that um the idea the system in this moment is like survive is to think in the small things to improve the small things from this game for the next game and not thinking not even look at the table the schedule nothing of that of course I have to because we'll have a lot of games we we have three competitions with a small Squad in the in the moment that part is my part but the players every everyone in the in Caron just focus on the next game the next training and um that is the our our goal Chris it's a b concern to you though you are losing some really key players an important part of the Season it felt like like with um Mountain Shaw coming back do you want to cut any players back the sou League we've had a huge St of course if you look in the even with the problem that we we had with with Luke you look at the the the the squad uh in the beginning of this week we time to train and then day by day we are losing players but I I I don't want to use that as excuse every every coach in the world now we suffering with that sometimes these moments again everything goes wrong and we have to face the challenge and to to to to focus on the next game and that's all last question I thought um Joshua X was very good today and do as well like what you make that I think Josh um is is is not is not a clear nine he play more as a as a 10 he's stronger physically um he's thinner so he's working really hard and he play in a better position for him and he's improving is winning more dels and this is even faster and you feel it in the game and that help us to to make the decision um and doru um the way Tottenham press uh really high you sometimes you have more time to think than in the other games he play on the left also maybe will help but he he has the experience to play left and and right so dorgu will will improve a lot and Josh um the same thing thank you thank you guys for
How to test a website from scratch in 1 hour PHP Tutorial PhpStorm
Youtube how to test Hello, friends of software entertainment today I will show you how I do a conception, acceptance test for an e commerce project. In this video we will check our product slider a product overview and product detailed view.
So at first just let us run a single test.
Vendor bin concept run acceptance, steps.
This shows us the steps here on the terminal and html will generate a report for us.
I just press ENTER.
I come to my local page, scroll down and check here on the footer that I can see an imprint And I also will check that.
The href contains the string imprint.
We can open with Google Chrome our report and now we will see the same here on our report.
I am on page start page.
I wait for element footer I scroll to footer. I see imprint and read from the attribute.
I grab attribute from the link the href and the link contains imprint here on my link.
So the green test is okay, Now a short demonstration of what it will look like when a test fails, so that you can see all the features of conception.
We have here Our test in our acceptance, folder navigation, footer, and we will see here that we can just add a simple testify here And now our test will fail.
I put this bit up later.
Our tests fail because we don’t see.
The word testify on the href and when we will check our report, The report will give me a screenshot of the actual page and also will give me the full HTML snapshot here that I can open.
And now I can see here my HTML, And this also will have a nice auto completion here.
So this is really cool to debug things in different environments, because every time we got a screenshot and my HTML to debug it here.
Okay, let’s fix the test back again Now we are green Time to check out the application. This is maybe one of the most unnecessary tests that has ever been written in software development history, because this is super static code in a twig file.
I just wrote a twig file that the imprint has to go to the imprint here, But for today we want to do something on our articles.
Let me introduce you to this webpage Here.
This is a new page with a solution as in combination with the article bundle to bring here used cars.
These are the used cars here, and we have here three features on the page that we want to test today.
The first is here an article slider.
This is on the start page, and this article slider has some features on it.
We will see this later in detail.
The next is a detailed page.
The detail page is actually not ready and finished, but we can test a few things and the third page that I want to test and what is important for me – is the article overview page. What is here We have here our content.
I haven’t implemented the search and filters Here so far, but we can check the columns and the pagination.
These are important features for me and yeah.
Let’s start with this.
So back on the startpage, we will check here our slider.
What is a multi slider? The first thing is that the slider has items.
I think this is a really simple test and it will show that there are items here.
What items are there and what are displayed on my front end? Okay, I go to the terminal and now I say bin vendor codecept.
When you just press ENTER, you have here the commands from conception, and you can say: okay, please generate a test in the acceptance suite what is called slider.
We have different slides here and we have here our startpage. I think: it’s an article and now we have a new codeception test, file I can open it now in, PhPstorm let me check this out here.
Let’s open.
The test here in PhPStorm Here is a little fix on the namespace and then we.
Have here our first test, what is an actual class Where we have the full power of PHP that we want to use here Here is a function that is made before every test In this class.
Every public function is a test You don’t need to write here and test at the end or at the beginning.
So we have here and a support page of our base.
Php file, which is a page object from Conception, and here are some properties Like the URL here:’s, our footer and our footer imprint link.
It is much better to define our HTML markup in this file and then use our variables, because this is much better for reading for us developers and you can.
Change the markup.
Maybe you can also reuse, it on different projects I. Think you will have a newsletter.
Subscription or anything else that you can reuse your code, Okay, so now we just say here we have a public static, start page, and now we have to check what it is.
It’s a slider.
This slider tag, I think, is done by JavaScript, but we have this multiple slider feature with little sliders and we have the items inside.
Let me check our HTML markup for it Slider articular HTML, it’s a snippet, So in the snippet we have here.
Every time this first slider is active and in this there is a slider item.
This is the iteration here.
So this is our slider item and we want to test something on this item.
Okay, so we say here: public static, start page is not right.
It’s on the start page, but it’s just article item that has a selector Our class here So at first we want to test. If these elements are there Okay, so we will inject this base string here and normally I write it as page.
So this is just a convention for me because I always use page here, So I can use different page objects like base category page or whatever, and I can maybe reduce the tests here, because I just inject some other page object For now.
Just realize that I say it’s base page, because this is a page that I am working on and where is it here? Okay, my page now I go to the start.
Page double point double point: URL and now I will wait for our element.
The page slider particular items, and yes now I know that the page is loaded, And I know that 0 article items are not okay.
The next thing is that I want to test here something on our item.
So every item has an image title and price.
The car was the first time on the roads how many kilometres it has and the power of the motor For now.
I just want to check here all elements and check in the first step, if this image here has the page title on the alt tag.
But here is something special because I cut here the title on a specific lengths and I will also show the full last word. This is a very cool feature implemented here Was a custom trick extension.
Maybe we can take a look at it later, but for now you can say that this title is longer than the real title, So I have to check if the alt tag contains the title to check if this feature is working, So I have to think about The name here I think the name can be dated slider items, because there will be a few things that I have to check and first I will get all the items here too And variable I can use here the I grabMultiple and now I just also get My items string from inside And now there is a second variable where I can get more information, And now there is a second parameter where I can get an attribute, But I don’t need it for now, because I want to show you how to work Here from scratch – and the next thing that will happen is that we have a loop here for each items as item Now.
We have here in arrays what is a bit tricky and for now we can say okay now this is an empty statement, but I can set here on record when I want to use breakpoints from the command line.
I have to do here something like export form or to set my Xdebug configuration Here on my command line.
This little snippet here is also a gis.
I will later do a link here on the video description, and so this is all what I have to do to make Xdebug run from my command line and for now I go back to PhPStorm and say here I listen to Xdebug and when I now run This here, so we just makes a slider here we can do and when have been run, we can use this full command here and then just go back to here and say just runs a slider folder.
You also can use the test here, and you also can check here for a simple test to run.
But for me now it’s, okay, to run the slider test, so it will open and wait for the slider element and then it will break here And now I have 45 items.
This is a problem because we have to do a better deal on it here to get our title Okay, but for now this was the first try and we will see that our selector is not working.
Okay, let’s check out for a better selector. We want all the titles here on our elements, so let me check here the title: It’s like the headlines and we can say here: ok, please copy selector, and we will see that we get all these headline elements here.
So we will stop here and our selector.
What is called public static, sliderHeadline and now here we can just say: okay, please give me the selector, and now we see that our selector is not the best, but we have the big deal that we can add here.
Some properties to our HTML markup to make this more effective.
So, where’s this problem here and now we can say ok on the slider item.
We have here our heating and you see here that there is a truncated word filter.
But for now I just add a data cc for Codeception here, and I can say this is my slider article headline, and I will just take this here – is the wrong button.
Okay, and we will see that we also are using here data cc attribute.
I just copy this here also do it here and now I can say: okay.
This is maybe here our slider article headline and now I have here the headline. I also have to remove this here from the copy paste, and maybe now I can get all the headlines as headlines and have no new selector.
It’s a slider article.
We have to build this new slider bar.
I’m taking a headline here and now we will see that we have headlines and we can say as an item.
This is okay for me for now, But it’s going to make it to the headlines And okay, let’s rerun the test.
We have this breakpoint here So far, so good and I hope to get all the headlines Back to PhPStorm and we have no headlines and so after a little analysis here.
I see that there is much JavaScript Voodoo here on the slider and you can say that there are five items loaded Here on the viewport before you see here and one more to the left and the others have some duplication and sometimes they are empty.
As you can see here on the console debugger, You see here a lot of items.
We also need a sector for the image, and we can use this here also from the image – And we can say here is the article image – and we can add this here to our base page object and say: ok, this article image here is no image and Then we can also get all of our images here on our tests, So we can say we just duplicate this line here and say: ok, images as images And on the images we want to have a title.
I’ll take the alt attribute And now let us check here if this makes sense for us as a publisher. I have to break this video here and I think it’s late in the evening.
Its live coding and I want to show you how house, workers and house work feels and how this job is in real life.
So 23 45.
Here this looks good for me, and I hope that I have image text or image text here.
But now I can say: okay number three is good for two and number three years ago for power.
How many seven got seven, I don’t know so much about cars, so this is very good because now we can say we can validate these five items here Now we have these headlines and we can say: okay.
We also use a key here, so we’ll see the right position.
Okay and now we can say I assertSearchContains this needle Now is a headline.
Is the haystack? Is the it’s, not the Imogen stuff? It’s signatures out text.
Now I can say here is images of text and you can say okay here and well, this work. No, this will not work because this is only handling when headline.
So if the headline is empty, then please continue here, so I can set up a whole bunch of conditions.
I can read it very easily and I don’t have to do in other cases where I have logic inside.
I can just say when this is not the case just continue and ok, this will work.
I hope, let’s run.
This argument to pass as it contains must be it’s real string.
Give then okay.
This is wrong.
Assert string contains string needle head stake on the next pitch fan.
For me, I will give you a little beer here: okay, green. The problem now is that I see here as a string contains to engulf and when it will fail.
I don’t know exactly what slider is here, so I can do the most little thing and you can say here.
I have an option to add a message, and I say just can say here: he is dollar key, and now we will have a key here.
Okay, here is a key and now I think we have our first test, because we can see that the title is actually the Alltech of the image in every item here on my slider, so we can just commit some stuff.
Let us see here we do some things, maybe it’s easier to see this here on pitch Pistons.
So on the base template, we add new selectors for the particular article slider.
This is okay here base dot PHP file, and we also adds here some data.
Cue attributes I sing for our, so the back, you get you beautiful article, Chimere them and we adhere and stoppage article cyst says so here we go so let’s make a little break and see what we’ve done here.
We add a new test here: it’s, our stoppage article cyst and it’s waiting first page and for the elements of the slower article item, and then we validate the slider items.
For now. We only validate that our headlines.
Our part of the alt tag on the images for our co friendly page and we iterate on this headlines, guarantee here and then we got the headline.
There are very much elements.
What are not filled in the initial state of the page and the slider is a yellow script and we’ll make this later.
So we have to skip this empty elements here, and we can say we do will continue here because we can now handle here.
Anything what’s is not working so good for us, and we have it clear on this part of the voyage statement.
So we don’t have to do very much.
It’ll else.
Statements done on the logical part.
We just say when something is wrong here, please continue. This is very easy to read for us and after that we can say.
Okay, here we have an asset in contain string for the headline and we will check if this is part of the AlphaTech of the image and for better overview.
We give this message here to our terminal that we can see what he has maybe problems here.
So let’s check what else we can check here on this item now we see here that is there a surprise and some properties.
We can check this properties here as they are working for now.
We will see that here are a few elements that don’t have any kilometers, and here are elements that have kilometers, and maybe this is a bit boring when we check through this detail stuff.
So maybe it’s more important to check if the link here is working because we already have the title and when we click here, we can check that this title will be here on our headline.
So let’s think about to realize this test.
I think this is a new test, because we don’t need to validate here slot items, but we do something similar, because now we will get the highest.
I don’t want to work with some click element here to click the slider elements, because we have the super dynamic, JavaScript slider and I think for me it’s easier to get the halves of every item here. So we will very day to know that the public function thirty days, slider URLs working and have the right type slurs.
And yes, we also have here our acceptance test.
What we need as dollar.
I, and I also need our base page object for our dollar page sing, so we will get our hammers.
Let me check the a text around the image we have here our image, and so we just adhere and you got a CC with article a tag and now we can wrap the house as a beautiful it’s, because now we have here this image and Maybe it’s the Buffs image, so we say check now we will go back to our test and say: ok, please.
This page is now already loaded because our before will run before every public function or every test.
Here we have here also in settings that it will not reload every time the browser this is a default setting.
We can also say we want to reload the browser every time and we want to clear all cookies and all the stuff, but for now I want this with chrome session to be permanent open.
This is a bit faster for me and I have two page double point double points, and we have this a check here and from this I take we want to get, and we also want to get the images of text like here, because this is a full Page title and not the shoulders page title from the slider headline and now we will check what will happen here because we have to iterate through the Harris Justin for each with key statements, which was key.
Adamson use it so often so for that index. For me and that’s our F and URL, and I have to wait for something it’s called here:’s headline.
Okay.
Now we have a new selector.
I think here on this little project we can handle our stuff object.
Public check.
This is not the best selector here.
We also add better selector.
So let’s open the template from it.
So let’s check our template here for our article default and we have this little hairs for H window here h4.
We have this title here and we wait and deficit C as you do what we call title. So we have this title here now and now we go back to our base, page object and say: ok, please remove this horrible stuff and edge here, something we can read and understand.
Yes, and this makes us of tests much better.
So now we have to see em and we go to test and say: okay, we say is the same than on our interpreters of text, so we can say here that asserts same expected and actual expected.
This images take with our key and we have here our headline and we can say: ok, please give me here, we will see in the habit and we will have much informations, but maybe we also want to see here.
Okay, now it’s time to run a specific test here.
We copy this name here and we can say here: okay, just please and we have and just like this, and it only will run this specific test.
Okay, let us commit here something fast.
We make something on the tip template and something on the test here also, I fix some sing on the importer because there were some spaces and some tricky issues here, but I don’t want to show you because this was really unnecessary stuff and I say Just premiered actuarial stage for YouTube video.
For now, because now we can say hey everything for the start: page slider works for me.
We checked an attribute and we check cell phone functionality. If we can click it and see you can say when there no items loaded.
So far – and this is a bit a trick here – what will happens when there will be no items it can be when the full import fails? There will be, you know, items here.
So for me, I just move.
Is this because it’s when there are no articles, we don’t have some full bags that we say hey.
Please come back later.
We have here some nice cars and now we will just remove this here and we will run all our slide sets, and this can be.
That is a little problem.
Let’s check it out.
I think it is working because the first test is waiting for things that have to be loaded and it’s a ok.
I ran a time out, and this was also the last thing. What we have to prove here that this will work when there are no articles for now.
The slider testing, for me is ok and it works for me.
Also, it’s a bit faster good, so the overview page is here, and what we want to check here is one thing is the paging, and I think this is last single for this video tutorial, because I spent here a lot of times even in to Fix some unnecessary and super annoying things.
I want to check if this car here has another title on page 2: ok, so it could be use.
If this is same here, we can check subtitles if there something similar.
We have this Passat variant and we have this part variant, but maybe we can say we don’t have the same price.
Otherwise I had to add here the article ID what I also can do on a hidden field.
I think maybe this is easier for me, because we need also this article, ideally maybe later so, let’s go superfast to our article overview and it here’s some hidden field.
This is a paging under the paging articles here for articles item.
We have here some title, you and we can say: okay just adhere didn’t field, he gets, but let’s type in. I will say this: we will check this works or particularly was a white.
Well you and me now.
This is definitely unique ID for me, so we will add a new test here for our overview, intercept, generates, says acceptance and it’s.
Maybe we have here detailed overview, and so I can say he gets over mu obsessed.
You know it’s generated and we have, I will be obsessed and we have the same procedure as every time we gets here today,’s as the page property, and when we go to this, I think it’s.
Just you,’re both wrong.
Okay – and we have here’s this and your selector, what is just particularly okay, now we can get all of this article IDs of the first page wait for element.
We just have to go into double points.
I hope that scan conception can wait for on hidden elements.
I don’t know exactly, but it’s here,’s the article IDs and I want to first. Let me show you later the full HTML we caught, because this name will be transformed to little sense.
First of all, say: article IDs reform will not work on multiple items, multiple, and I hope that I can grab here also value.
We will see if this works, and so this will also one so with a bit of luck.
This will be our first page ID.
So now I have to go to the second page.
I can do this on the URL.
You see there’s just a parameter page two here on this part, but I can also say hey, please let me click this link here.
This is vector as easy as I think now, so we can say nation second item.
This is so bad bus and I do oh, this is hot.
This is okay. We expect somebody here and say this will be just don’t know how to write it.
The CL ends – and I make an ID but but 90 is unique.
So I just make to the front end.
Also it’s super important to make clear selectors.
We have here now or page numbers and we say okay mean ID with accreditation tone.
Okay, so now I can say second item to create.
Then I also have to wait for this here and after that I can say: okay use me is the same single year as the second patient ID spoke to mrs Work, and now I can say I see it’s not the same expected this first.
We have to ready Davies, we can say: okay, we have this obstacle, you will see wow.
This was great and I can also say that this works because you can see here is 1.
3. 4.
2.
2.
2 H is different to one two: six, nine, nine.
Four six, we can say here we are on edge from one and say I don’t already have we lower this to check.
This is a page number part.
We have here this one straight forward to the two eight page: two.
We have here one two.
Six, nine four six and this is working perfect, so we also checked here our navigation, let’s come into stuff, okay.
This looks good for me, so for now let’s run all the tests, because this makes a bit of fun here. Let me check what we have to remove just the article, so maybe it’s for big items.
I just have to go to the BI modes.
I delete some words and now all my tests with one – and i will see the steps here on my terminal – and this is a patient s, so we have here 18 seconds and have two really good tests here.
Let’s check it here we have well.
We have four tests, you just put the test, actually not the most particular test, but this test is better than nothing in tested and it’s also good find if your start page is loading, and so maybe this is some kind of the simplest test that Will work? We have many dates slightly well as out working and hair for rights titles.
Now you see why I’m using this very metal tool names because it’s – something not gherkin like, but anybody who reaches hopefully will understand this, and here we see what happens and now we have here also the very date of the slider items.
This is that we have to check just only the AlphaTech, but in the future we will do here more things and on the all of you assess.
We will also check that the first eye to their article ID is different to page two.
Maybe you can make a lot of sense here, but I’m on the bottom are check, sir article ID and later I have this here, so thank you for this video.
Now you can start testing you web pages with conceptions. You see here on this video how to get out of trouble and how to avoid trouble, make good selectors and the good loading time for your tests, and then they will bring you a lot of fun and healthy to your walk into your life.
And please follow this channel here, check out the descriptions and stay green.
Thank you.
You .
9 Months With The Remarkable 2 – Sharing My Personal Experience
– Hi, my name is Jasper and welcome back to the channel. In case you're new here, I'm an entrepreneur and
remote marketing consultant. And in this video I wanna
talk about the Remarkable 2. I picked up the Remarkable 2
in the beginning of this year, I think in February. So I've been using it for
a couple of months now and I thought this was a
great time to do a review about Remarkable 2 and go over the things that I love about this device, but also the things where I think there is some room for improvements. So the first thing that I
want to get out of the way is the Remarkable 2 is an
entirely different device than an iPad Pro, which I also own. And this is something that I
will clarify along the way. So first let's start with
the different use cases I have for this device.
First of all, I take notes on it. It's really nice to take notes on. It has some kind of like paper feel when you're writing on it. There's not a lot of lag when
you're writing on the device which is really nice. And also, and this is one
of the main selling points which I go into a bit deeper,
further on in the video. And that's that the Remarkable
2 is distraction free. The second thing that I use Remarkable for is to read articles. So on my laptop, I have
the Chrome extension, Remarkable's Chrome extension installed. And this allows me that when
I come across a blog post, for example, during the day, I can easily add this to my Remarkable to read it later on the device.
This comes really in handy
for my evening routine. Something that I will get into as well. The third thing that I use it for is to read and annotate bigger documents. So if I have larger PDFs, multiple pages that I need to read and review the Remarkable is perfect for this. Again for a distraction free part of it, but also to have a paper feel like, and something easy to send out your notes after we are done reviewing the documents. And then last but not least,
I also use it to read books but unfortunately there
aren't a lot of books that you can really have
available on this device. As of the recording of this video the Remarkable 2 only
works with DRM-free books. I hope this is something
that I will change soon because it would be great if I could read more books on this device.
I really think that
the size of this device which is a bit bigger than a Kindle is really great for reading books. Now, as I said earlier, the main reason, the main selling points that
they have for Remarkable 2 is it being a distraction
free device, which is great. And which is also the main reason why I bought the device
in the first place. Now let me explain. If I'm working on my iPads it's very easy for me to
have access to the internet, to be distracted by a notification. I know I can put on do not disturb, but for notifications this will work but for the other things not so much. Whereas the Remarkable 2 basically only has an internet connection to sync documents with your computer. So it doesn't have an internet browser. It doesn't have any notifications. It doesn't have Androids. If you are reading
something on this device it's basically more or less the same than if you are just
holding a piece of paper and reading something on there.
Now the display of the device
uses something called E-ink and this also makes it
a really great device to work on in direct sunlight. One of us traveling in Portugal in the beginning of this year and also the time when
I picked up this device. I used it multiple times while working outside indirect sunlight. And it works perfectly. It's basically more or less the same than if you're reading on a paper. Note to build further on this feature of the device using E-ink. This also makes it a great device for incorporating in your evening routine. I don't know about you, but in the evening I like to minimize my screen
time before I go to bed. But because the Remarkable uses E-ink, I can still use the
device right before bed to, for example, read through an article that I save during the day, or to prepare for the day ahead. For this last part Remarkable also offers some great templates within the device. This includes templates
for your week planning and your day planning along a lot of other templates as well.
Another big advantage
of the usage of E-ink is that the battery life
on this device is amazing. I recharge it, I think every two weeks, maybe every month now. This will really depend
on the amount of time that you will use the
device, but in general I only recharge it every
other week, for example. So the battery life on this
device is really great. Now, one last thing that I
really like about this device and that I didn't really
expect in the beginning is that it also gets regular updates and it really gets better to use. I didn't really expect this because in comparison
to an iPad, for example, it has a much smaller user base. And usually these devices
get less updates over time. But so far I would say
that I get on average one update a month and the
experience of the device really improves with every update. This is something I really like. That being said let's get into
a couple of the improvements.
First improvement being the companion apps that come with a device. So when you're using the iOS app, the iPad iOS app, the mag app, these apps will allow
you to access the files that you have on your Remarkable. Note, these apps feel
really unnative to me. So they try to more or less mimic the experience that you
have on the Remarkable itself. But because these are different devices it feels a bit off to me. On the Remarkable itself, it works great because you have the E-ink and it's like different experience to use. But on my iOS device or on my Mac, I really would like the experience that I'm used to on these devices. And then the second improvements, and this is something that I
already talked about before that is that it only allows you to read DRM-free books right now. These are two things
that I really would like to see change in the future.
And then this would be an
even more amazing device and I can recommend it to even more people to actually use it. Now, do you yourself see
a use case for this device or would you much rather
just keep it with one device, like for example, an iPad or an iPad Pro. And try to be more disciplined to not get distracted
while using that device. Leave your thoughts
and the comments below. Also, don't forget to like this video, subscribe to my channel for
weekly new videos each Wednesday and I'll see you in the next one. Bye. (relaxing music).
How To Rank A NEW Website #1 On Google In 90 Days
Hey guys so the Everly were combat 5 am made myself a cup of tea open on my laptop check, Google Analytics and almost spat out my cup of tea. When I realized a website, I just created 90 days and 4 was ranking number one on Google.
So how’s that I do it well in this video I’m gon na teach you my exact three step blueprint for ranking your website in 90 days or less, and it’s very simple and easy to understand.
Let’s just the exact same blueprint that I use for my link building agency to get my clients insane results and make sure you watch all the way to the end.
What I’ll reveal the biggest hack for making sure your website ranks number 1 on Google within 90 days, and this is a game changer and if you new here please subscribe so that you don’t miss another SEO video.
For me, it’s gon na teach you how to make more money with your website now.
This is only going to take five minutes to explain, but if you don’t build your website there away, if you don’t optimize it properly.
If you don’t follow the steps I’m about to show you, then you will struggle to rank anywhere near the first page of Google.
I actually struggle with SEO for a long time until I created this blueprint.
So if you don’t have five minutes now, it’s gon na cost you five years in the wrong way so step one and you’re about to learn how to build a brand new website with amazing content.
Without writing a single word and making the whole process passive. How well just copy and paste on people’s content.
No, I’m just kidding.
Never do that! That’s, the worst possible thing you could do so for me personally, I just don’t.
Like writing.
I don’t know about you, but it’s a grind: it’s boring it’s quite a monotonous job, especially if you’re writing about a topic you don’t particularly enjoy, and that’s.
Why? When it comes to creating a new website, you always have to outsource the content as soon as you possibly can.
In fact, to be honest, when I created this website, I didn’t even talk to my writers.
I hired a virtual assistant to manage all of them so that the process was completely outsourced.
So me, being the lazy person that I am when I’m creating a new website.
I just hop on over to Wacom, okay, a bunch of job ads for writers, as you can see on the screen, and then, after that I hire a virtual assistant, and this virtual assistant can take the content that I need grated outsourced to the writers check. The quality of their work and then publish it on to my website, and when you do this, you have a very powerful passive process for getting tons of content to your website.
There’s buried higher quality, so it’s, awareness.
It was kind of like managing a fantasy football team right, so I had my manager, who was the virtual assistant, and then I had a team of rocks our MVP writers that could create awesome content on the whenever I needed it now, if you want a full Cheat or on how to outsource SEO content for your team.
You can check out my over video, but basically the actual steps are to go into aqua.
Comm create an advert for a bunch of writers, create an advert for a virtual assistant and make sure you focus on quality.
Okay.
So when you’re hiring writers and when you’re hiring a virtual assistant, make sure that they really understand how important is to produce great work and to make sure that your virtual assistant is kind of like a filter to get rid of the crap.
And have quality in place right, so when it comes to ranking on Google these days you can’t afford to get away of the minimum.
You can’t have shallow content that doesn’t answer the users problem.
Instead, you need to focus on quality and make sure your content is as awesome as possible, and that also means the user experience of that content too. So when your virtual assistant is taking content from the writers and then publishing on to your website, you want to make sure that the design looks awesome.
There’s tons of images in there that the videos add a lot of value and that the actual formatting and navigation of the website as well looks as good as possible.
Now, if you want to rank number one on Google, you won’t want to miss a single second of what I’m about to say, and here’s.
Why? Okay, so step number two is to build backlinks to your site and backlinks are essentially the holy grail of SEO.
So when you start getting links to your site, you’re gon na see huge results in terms of growing your website.’s, traffic and rankings with SEO.
So what is a link wise? Basically, when you click from one website to another and that is kind of like a popularity vote? Okay, so the more votes that you have, the higher you’re going to rank on Google and not all those who are equal.
So it comes down to quality too, but essentially, if you look at when I start building links to my site first, if this traffic increase the rankings just started flying up as soon as I started, building backlinks.
So this website was brand new and I was just starting from a fresh slate.
So basically, I had to hit up all the relevant websites in my niche reach out to them and then ask for a backlink.
And surprisingly, so many of them actually replied and gave me a link back to my site, simply through cold email so seriously. If you only get one thing from this video, it’s.
Basically, this you have to build back when CEO site building a website without links it’s kind of like eating tiramisu with our ice cream.
It just ain’t the same, so you really have to focus on getting those links to your site and build the authority of you site as soon as possible.
Now, if you want some tips on how to do this subscribe to this channel, because I probably should loads of link building cheaters well, also make sure that you check out my link building playlist, because this always be has loads of tips and how to get links To your site from day one now, you may not know this, but actually Google has over 200 ranking factors and link building is one of the most important ones.
I’ve actually confirmed there and it’s just so powerful for your website.
So what the best link building methods that word for me.
Well, essentially, I lived at Harrow the skyscraper technique, the audio link building video link building and I created a huge cocktail of different link building strategies to get tons of backlinks to my site.
And when you do this in combination and you’re outsourced.
Most of the process, like most of my link building clients outsource to me, then you will see huge results in terms of traffic in terms of growth in terms of boosting your rankings and when you, google, pretty much any search there, you’ll see the backlinks Are one of the most important ranking factors? In fact, most of the time, the top ranking website also has a ton of backlinks or more backlinks than everyone else on that page, and this is really powerful when you combine it with step number three, which I’ll come and see now.
So the final step was keyword, research and this can be good and bad for your website. So if you get this right, you can find the most unlimited number of search terms that you can rank for on your website and drive a ton of customers, traffic and sales to your website simply with the right search terms.
If you get this wrong, then you’re not going to rank for an fit.
No one:’s gon na, find your website and you,’ll, find it extremely hard to rank on Google.
So how did I do this? What, basically, I stepped in like a mad scientist and tweaked and tested, and look for loads of search terms that small sites will rank you for and that I knew I could easily be with my team of content, my menu, you see SEO it’s a Little bit like sumo wrestling, but instead of eating all day wearing a loincloth and trying to push people out of a circle.
Instead, you’re trying to wrestle your competitors off the first page of Google.
So let me ask you this right.
Would you want to pick on the bigger websites aka, the 500 pound gorillas and trying to wrestle them off the first page of Google, when they’re so established when the very difficult to rank when they have a lot of authority already or would you want To pick on the smaller guys, okay, the small niche websites they’re gon na be easy to rank, but you’re pretty much guaranteed to be in a one on one rest, much and therefore you’re gon na break your website higher or faster.
In the short amount of time and that my friends is pretty much keyword, research in a nutshell.
So when I create my keyword list, it was kind of like gathering in the army of troops, and I knew it was going to start raining traffic anytime soon.
So how did I do this and what were the actual steps? You can take to make sure that your keyword, research is as effective as possible, basically just type into Google. Your keyword that you want to rank for and then look at the related searches and find the longtail keywords, aka the longer strings of texts that you could potentially rank for and then look at your competition to see whose ranking at the top already and find search Terms where the people who are ranking top are smaller low quality websites that you know you could easily outrank with better content.
It’s.
So damn easy, and here’s, something then 90 of people on YouTube will not tell you about keyword, research.
You see keyword, research is constantly evolving and changing and the way that you do it may change in the future too.
But at the same time you always have the power of observation, and you can always go on to do and look at you competitors and just ask yourself one simple question: can you outrank your competition, yes or no, so whether it’s 2002 or 2020? The fundamentals of keyword – research are always the same.
Now here:’s, the real secret to ranking your website number one on Google in ninety days and that’s the smash the like button and subscribe to this channel.
Now I’m just kidding, but if you do it will make a huge difference to me.
Plus you,’ll learn so much more about SEO and you discover the link building tutorials that I’m about to publish in the next few weeks.
That will make a huge difference to ranking your website.
So thanks so much for watching .
Grizzly Experience 2
When THEY STOPPED IT, ON THE GYPSUM EXIT C S P AND THE GARFIELD COUNTY SHERIFF’S OFFICE SHUT DOWN BOTH DIRECTIONS OF I 70 IN THE .
I made a Game in 2 DAYS (with no experience)
so there's this game G that I want to participate in but there's a bit of a problem and that is it ends in 2 days and I have no idea how to make a game [Music] so the theme for the game is endless and I immediately thought of 20 minutes still down or the inspiration for the game which you might know better vampire survivors I haven't actually played the original vampire survivors but I have played the bile knockoff I know I know shameful but I got the gist of it and it does kind of fit in the endless fix so I will go with that if you don't know any of those games basically you spawn in kill enemies which drop XP that XP gets you on levels levels give you better stats or abilities to help you survive longer and when the timer runs out you win simple now let's do it I'm making this game in good old and something I know about G is that I don't know it so let's watch a tutorial to understand the basics some code in the character can now move wait no you're not supposed to look at that because I'm on a two-day deadline and totally not just lazy by button answer pack for the main character and important the animations but you can see the character is just floating so let's add something for it to won luckily this is pretty easy all we have to do is download a bunch of 3DS I realize your game is not in 3D modify each of them individually to fit in 2D it doesn't fit modify again it doesn't fit modify again it doesn't fit modify again it fits so I have watched a bunch of tutorials and I think I got by find it to work so it should move the enemy towards you oh [ __ ] okay that's not it either uh okay now I got it working I did a health system and made the enemies actually hurt you but it looks boring and so less just like me so I added a juicy knockback effect I don't even know how I managed to make it look that good this can literally be the game I that played for a few hours who needs gameplay that's over I added game play you can you can out shoot people yeah if you're wondering what that highly detailed AAA Graphics Ball is it's a part of the story that will not just excuse for me to not do animations but it stands still and you can only shoot your in One Direction so let's make it move alongside the mouse luckily all we have to do is get the angular measurement between the positive minus AIS and the ray from the origin to the point of the cartisian what basically I copied some G Forum code or CH GPT I don't even know where I got this from but it rotates [ __ ] which is always cool rotating is cool yeah I also removed the explosion since they made the game too easy and totally notes because I'm way too incompetent to be able to create proper Collision we leave them for other abilities which I may or may not Implement and leave the main weapon B single Target I have a quick question for you what happens when the tool to place tiles doesn't work as intended why does it leave empty spaces you Google the problem you input it into chat GPT you search it up on YouTube no you delete our time M andp for procedure generated R hard code values because you don't know how math Works delete code until it works and we got procedural gener terrain that was a waste of time but it looks cool so now you can shoot the skeletons and walk in infinite World but after that what well you can spin your ball and shoot in random directions and admire the laziness that went into creating the game and where am I going this oh yeah we need to make the enemy spawn for some reason this had to be hard so if you want to spawn enemies at the top of your screen what do you do get the coordinates of the viewport and spawn them outside it that would make sense except the camera moves so that type of spawner would stand in one place instead what we have to do is create a p Tod which I don't even know what it's used for create a p follow Tod this makes sense and then a marker for some reason then you modify the progress of that by random values and boom got enemy spawning but wait wait wait I [ __ ] wish it was over the p2d doesn't move alongside your camera so what you have to do is create a remote transform to T which for some [ __ ] reason it moves your camera in the middle then you realign the camera and now enemies spawn outside the screen yay why did this take seven [ __ ] hours all right so right now the game is pretty much playable but there's no game Loop so I mean that's pretty simple all we have to do is look at some vampire Survivor gameplay and oh yeah we forgot the gambling aspect Implement XP add juicy Max to make the pickup animation look more dopamine inducing other the progress Mar at the top of their screen fight with the layers for hours only to realize you have to move the note to the up other the level up pop up rewrite the player SK because you realize it's [ __ ] impossible to manage write totally simple code to make the level up scream work make the level up bar random because gambling add partic effect with good particle system because gambling okay that's it so by this point we have about 6 hours left to implement dodging and reloading fix bugs finish the game Loop add the menu screen add death and winning yeah basically I'm f a little off topic but I've typed the word health so many times I'm starting to believe I'm misspelling it we have to quickly do a main menu and add a timer for when the game should end and then reloading I put them main menu together in 30 minutes don't you dare say a thing about the art I couldn't find something similar on h.
so I had tow it myself I eventually got it together and added the staring credits button and then I realized I have no [ __ ] idea how to create a popup in G so I deleted the credits I'll put them in the H tutorial description or something I don't know anyway I hooked the start button to start the game and add the timer to the game if you survive past the timer you [Music] win so the time ran out it's been 48 Hours of active development and I finished the reloading just in time basically when you run out of ammo which is displayed on your ball you have to wait for the reloading animation to finish I also nerfed the default fire rate and made it so enemies move 2.5 times faster based of how close you are to winning the game making the game look just a bit harder I was doubting if I should also increase the HP that way but I thought that would be too hard to play against I'm going to cheat a little and fix the hit box even if the timer ended cuz I broke them when I added the XP animation anyway without any further Ado I present to you time fracture this was a lot of fun the game will be available on h.
Link in the description even though there are some freezes because of the HTML build and I don't know how to fix them the particles take around 10 seconds to spawn for some reason uh I might also include the windows build now that I'm thinking about it and I didn't have time to add sound effects so yeah how was the experience in my task I've tried G before and I didn't like it but this time was different I would even dare to say it's better than Unity uh which I ditched go out for in the past and it's native with supportting on Linux how cool is that it's truly amazing and rather easy to create games if you understand the flow uh if you also want to make a game I highly recommend you try it just for fun fiddle around with it and you'll see why it's so liked not sponsored by the way just my thoughts on the engine uh by the way the two days uh that I took for making that game weren't really consecutive because yes thanks for watching and as always see you in the next one so we are playing the game on the Windows build via wine and let's see oh that is Moo I'm going to try to survive as long as I can which I don't think I can get past the 10 minute Mark okay the game is actually smooth I didn't expect it to be this clean cuz I was running it on the death build which I supp uh G do uh makes it compressed I have to tweak the ti map generation because it's visible and there we go we level up um I'm going to need more fire rate CU I'm uh shooting way too slow and I'm already on one C how did that happen oh crap I was going to die um yeah so we survived this one minute that's cool and all uh but uh we on one yeah okay GG that's the game I guess and you can also retry and it gets you to the main screen and you can also try again uh yeah and now I didn't finish in time for the game Jam