Undead Institute

The layout apocalypse is over. With CSS Grid, Flexbox, and Columns you can design and build complex layouts that respond to screens of all sizes. You'll learn about all the various ways you can lay out content using CSS and which ones work best for which types of content and contexts. You'll use CSS Columns to make your site a joy to read and a zombie's worst nightmare. You'll use flexbox to gather the apocalyptic chaos into manageable, flexible order. And you'll stuff wonder and zombie weapons into orderly rows and columns with CSS Grid. And then you'll revolutionize your human resistance cells weapons strategy as you combine layout methods to create the best possible web site. We'll discuss not only these layout techniques, but how they can be enhanced with writing direction agnostic properties, making the internationalization of your layout that much easier. If you've ever found Grid confusing or haven't experienced the ease and wonder that is modern CSS layout. Now is the time to slay your horde of fear and antipathy and bring yourself and your post-apocalyptic comrades into a new and glorious era. How You'll Learn to Smack Zombies Around You won't just passively take in the view, like a zombie shuffling across the mainland. You'll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you'll craft code that pleases the eye and knocks a zombie into last Tuesday. All the code and directions are provided as both codepen tutorials and downloadable html files, so you can fight the apocalypse how and where you like. You can work with them on the codepen site or on your own device. And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory. Why Zombies? Are zombies just a gimmick? Why would this be any better than a straight-laced book that sticks to the facts? Straight laced books are often straight boring. And if you have insomnia problems go buy that book. The author, John, has read the boring books and knows that staying awake and engaged are also important for learning. But this book uses zombie references and analogies not just to make you smile, but to help the material stick. If a tough technical concept is related in silly terms you understand, like a zombie trying to buy gum at a supermarket, it's much more likely to stay in that brain those zombies are intent on eating.

Start taking down the zombie horde with rapid fire web development programs. This book introduces you to JavaScript and a wide variety of beginner programming topics like variables, conditional statements, loops and functions. You'll understand the different types of variables available to you and how to create and utilize them for maximum damage to the undead. We'll discuss conditional statements (if/then statements) and talk about how to execute different code depending on whether something is true or not such as "There's a zombie gnawing on your head!" We'll loop-dee-loop around the horde as we define and demonstrate the three kinds of JavaScript loops. And finally, using functions and reusable code, we'll land sucker punch after sucker punch after sucker punch on every zombie shuffling toward you. While this book presents these concepts using JavaScript syntax and information, nearly all of the concepts are universal to programming languages everywhere. So come along for a jaunt through the apocalypse and stock your armory with plenty of programming tools and JavaScript finery. Next stop ending the apocalypse! How You'll Learn to Smack Zombies Around You won't just passively take in the view, like a zombie shuffling across the mainland. You'll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you'll craft code that pleases the eye and knocks a zombie into last Tuesday. All the code and directions are provided as both codepen tutorials and downloadable html files, so you can fight the apocalypse how and where you like. You can work with them on the codepen site or on your own device. And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory. Why Zombies? Are zombies just a gimmick? Why would this be any better than a straight-laced book that sticks to the facts? Straight laced books are often straight boring. And if you have insomnia problems go buy that book. The author, John, has read the boring books and knows that staying awake and engaged are also important for learning. But this book uses zombie references and analogies not just to make you smile, but to help the material stick. If a tough technical concept is related in silly terms you understand, like a zombie trying to buy gum at a supermarket, it's much more likely to stay in that brain those zombies are intent on eating. Is this book for me? We at the undead institute believe that getting braaains should be fun. While our definition of fun typically involves silly jokes, zombie references and learning ways to build great websites, not everyone agrees. If you're looking for straight technical explanations without any wit or whimsy (or zombies) then these books probably aren't for you. If you have an enormous technical background and no time for humor or apocalyptic analogies, then move along. There's nothing for you to see here. But if you like a good (or sometimes bad) joke, if you have little to no technical background or inclination but want to learn HTML, CSS and more, or if you're a technology pro and prefer a spoonful of fun with your web development (zombie antidote) medicine, then these books were written for you, and these books will help you reach your web development goals.

The Internet is filled with sites like yours, so how do you ensure your site stands out from the horde of zombies clawing for your customer's attention? Search engines. Get rid of search engine roadblocks and set your site up for success. Better understand how search engines work, the ways they see your site, and what they do to process and ingest your content. Check out the code search engines use to better understand your pages and their context in your site such as meta robots elements, real attributes on links, canonical link elements, reflag link elements, pagination links elements, off page SEO topics and best practices. You might not get your site to number one with just this book, but you definitely won't get to number one without it.

Get your boring technical books somewhere else. This virtual boxed set a 1, 2, 3 punch of web development goodness. It'll have you stopping the apocalyptic horde with your HTML, CSS and Usability skills in no time. The My First Webpocalypse: Virtual Box Set includes the books A Beginner's Guide to Learning HTML (and Smacking Zombies Upside the Web Development); Beginner CSS: Like Putting Lipstick on a Zombie; Beginner Usability: A Novice's Guide to Zombie Proofing Your Website; How You'll Learn to Smack Zombies Around. You won't just passively take in the view, like a zombie shuffling across the mainland. You'll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you'll craft code that pleases the eye and knocks a zombie into last Tuesday. And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory. Why Zombies? Are zombies just a gimmick? Why would this be any better than a strait-laced book that sticks to the facts? Strait-laced books are often straight boring. And if you have insomnia problems go buy that book. The author, John, has read the boring books and knows that staying awake and engaged are also important for learning. But this book uses zombie references and analogies not just to make you smile, but to help the material stick. If a tough technical concept is related in silly terms you understand, like a zombie trying to buy gum at a supermarket, it's much more likely to stay in that brain those zombies are intent on eating.

Nothing takes down zombies like an HTML element on the move. This book takes a look at transitions, transformations and animations in CSS. You'll learn how to trigger a simple transition and then how to create a longer, more complex movement or color change and more using keyframes, easing functions, delays, durations and much more. You'll also keep your page running smoothly by learning the most performant ways to animate your page with transformations. But what if you have a client with a sensitivity to motion or someone who would simply prefer no or very little motion? Well we can meet those concerns with the prefers-reduced-motion media query. Best of all we'll take a look at the tried and true twelve principle of animation as set out by some legendary Disney animators. We'll apply those principles to the web, looking both at how those principles might apply to character animation on the web, but also how they apply to UI animation. So, take those static zombie poking sites and turn them into zombie smacking tanks of human ingenuity. What You'll Beat Zombies with Besides learning how to punch a zombie in the HTML5, you'll learn the major HTML elements that make up a modern web page and how to put them to good use. You'll learn the structural underpinnings of a web page, how to markup text, how to wrangle attributes, and ways to embed images, audio, and video. By the time you're done you'll understand HTML, know how to build your own web page, and pawn zombies with your skills. How You'll Learn to Smack Zombies Around. You won't just passively take in the view, like a zombie shuffling across the mainland. You'll have plenty of combat practice with analogies, examples, and code tutorials you can build, break and fix again. Working with your hands and your head you'll craft code that pleases the eye and knocks a zombie into last Tuesday. All the code and directions are provided as both code pen tutorials and downloadable html files, so you can fight the apocalypse how and where you like. You can work with them on the code pen site or on your own device. And later you'll bring those skills together in a final project that cements those skills into zombie smashing muscle memory. Why Zombies? Are zombies just a gimmick? Why would this be any better than a straight-laced book that sticks to the facts? Straight laced books are often straight boring. And if you have insomnia problems go buy that book. The author, John, has read the boring books and knows that staying awake and engaged are also important for learning. But this book uses zombie references and analogies not just to make you smile, but to help the material stick. If a tough technical concept is related in silly terms you understand, like a zombie trying to buy gum at a supermarket, it's much more likely to stay in that brain those zombies are intent on eating.