Web Design
UX Design for Mobile. Design apps that deliver impressive mobile experiences
Pablo Perea, Pau Giner
User experience (UX) design provides techniques to analyze the real needs of your users and respond to them with products that are delightful to use. This requires you to think differently compared to traditional development processes, but also to act differently. In this book, you will be introduced to a pragmatic approach to exploring and creating mobile app solutions, reducing risks and saving time during their construction. This book will show you a working process to quickly iterate product ideas with low and high fidelity prototypes, based on professional tools from different software brands. You will be able to quickly test your ideas early in the process with the most adequate prototyping approach. You will understand the pros and cons of each approach, when you should use each of them, and what you can learn in each step of the testing process. You will also explore basic testing approaches and some more advanced techniques to connect and learn from your users. Each chapter will focus on one of the general steps needed to design a successful product according to the organization goals and the user needs. To achieve this, the book will provide detailed hands-on pragmatic techniques to design innovative and easy to use products. You will learn how to test your ideas in the early steps of the design process, picking up the best ideas that truly work with your users, rethinking those that need further refinement, and discarding those that don’t work properly in tests made with real users.By the end of the book, you will learn how to start exploring and testing your design ideas, regardless the size of the design budget.
UX dla początkujących. Sto krótkich lekcji
Joel Marsh
Nawet najlepsza aplikacja i najmądrzejsza strona internetowa nie przyniosą kokosów, jeśli nie spodobają się użytkownikom. Droga do sukcesu projektanta prowadzi przez miłe doznania, jakie wywoła u osób, które będą klikać, przewijać, czytać i przeglądać. W żadnym razie nie można lekceważyć zagadnień projektowania doświadczenia użytkownika (UX). Wiele ciekawych rozwiązań nie znalazło uznania, gdyż twórcy interfejsów użytkownika nie wzięli pod uwagę podstaw behawioryzmu i pewnych szczególnych sposobów działania ludzkiego umysłu. Innymi słowy, zaprojektowane rozwiązanie musi zachęcająco wyglądać, poprawnie działać, a przede wszystkim - sprawiać dobre wrażenie i przekonywać do korzystania. Ten zwięzły podręcznik projektowania UX powstał na bazie błyskawicznego kursu dla profesjonalistów. Pozwala prześledzić od początku do końca proces projektowania mający na celu stworzenie rozwiązań prawdziwie przyjaznych użytkownikom. Poza podstawowymi pojęciami, zasadami i koncepcjami znalazły się tu informacje, które docenią profesjonalni projektanci. Mimo że książka stanowi raczej pobieżny przegląd niż wyczerpującą analizę tematu, zawiera naprawdę sporo przydatnego materiału. W 100 krótkich lekcjach przedstawiono wiele praktycznych wskazówek w kolejności odpowiadającej rzeczywistemu wdrożeniu. Podręcznik został napisany zrozumiałym, lekkim i zabawnym językiem - dla wielu kandydatów na projektantów UX jego lektura z pewnością będzie dobrym doświadczeniem! Dzięki tej książce poznasz: podstawy (również naukowe!) projektowania doświadczenia użytkownika fascynujące (i nie do końca racjonalne) zwyczaje użytkowników techniki wpływania na użytkowników za pomocą rozmiarów, kolorów i rozmieszczenia elementów planowanie i wykonywanie makiet metody sprawdzania skuteczności zaprojektowanych rozwiązań UX: pasja projektanta, przyjemność użytkownika!
UX for the Web. Build websites for user experience and usability
Marli Ritter, Cara Winterbottom
If you want to create web apps that are not only beautiful to look at, but also easy to use and fully accessible to everyone, including people with special needs, this book will provide you with the basic building blocks to achieve just that. The book starts with the basics of UX, the relationship between Human-Centered Design (HCD), Human-Computer Interaction (HCI), and the User-Centered Design (UCD) Process; it gradually takes you through the best practices to create a web app that stands out from your competitors. You’ll also learn how to create an emotional connection with the user to increase user interaction and client retention by different means of communication channels. We’ll guide you through the steps in developing an effective UX strategy through user research and persona creation and how to bring that UX strategy to life with beautiful, yet functional designs that cater for complex features with micro interactions. Practical UX methodologies such as creating a solid Information Architecture (IA), wireframes, and prototypes will be discussed in detail. We’ll also show you how to test your designs with representative users, and ensure that they are usable on different devices, browsers and assistive technologies. Lastly, we’ll focus on making your web app fully accessible from a development and design perspective by taking you through the Web Content Accessibility Guidelines (WCAG).
Virtual Reality Blueprints. Create compelling VR experiences for mobile and desktop
Charles Palmer, John Williamson
Are you new to virtual reality? Do you want to create exciting interactive VR applications? There's no need to be daunted by the thought of creating interactive VR applications, it's much easier than you think with this hands-on, project-based guide that will take you through VR development essentials for desktop and mobile-based games and applications. Explore the three top platforms—Cardboard VR, Gear VR, and OculusVR —to design immersive experiences from scratch.You’ll start by understanding the science-fiction roots of virtual reality and then build your first VR experience using Cardboard VR. You'll then delve into user interactions in virtual space for the Google Cardboard then move on to creating a virtual gallery with Gear VR. Then you will learn all about virtual movements, state machines, and spawning while you shoot zombies in the Oculus Rift headset. Next, you'll construct a Carnival Midway, complete with two common games to entertain players.Along the way, you will explore the best practices for VR development, review game design tips, discuss methods for combating motion sickness and identify alternate uses for VR applications
Olga Filipova
In this book, we will build a full stack web application right from scratch up to its deployment.We will start by building a small introduction application and then proceed to the creation of a fully functional, dynamic responsive web application called ProFitOro. In this application, we will build a Pomodoro timer combined with office workouts. Besides the Pomodoro timer and ProFitOro workouts will enable authentication and collaborative content management. We will explore topics such as Vue reactive data binding, reusable components, routing, and Vuex store along with its state, actions, mutations, and getters. We will create Vue applications using both webpack and Nuxt.js templates while exploring cool hot Nuxt.js features such as code splitting and server-side rendering. We will use Jest to test this application, and we will even revive some trigonometry from our secondary school! While developing the app, you will go through the new grid system of Bootstrap 4 along with Vue.js’ directives. We will connect Vuex store to the Firebase real-time database, data storage, and authentication APIs and use this data later inside the application’s reactive components. Finally, we will quickly deploy our application using the Firebase hosting mechanism.
Vue.js 2 Cookbook. Build modern, interactive web applications with Vue.js
Andrea Passaglia
Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex single page applications a breeze. Its component-based approach, intuitive API, blazing fast core, and compact size make Vue.js a great solution to craft your next front-end application.From basic to advanced recipes, this book arms you with practical solutions to common tasks when building an application using Vue. We start off by exploring the fundamentals of Vue.js: its reactivity system, data-binding syntax, and component-based architecture through practical examples. After that, we delve into integrating Webpack and Babel to enhance your development workflow using single file components. Finally, we take an in-depth look at Vuex for state management and Vue Router to route in your single page applications, and integrate a variety of technologies ranging from Node.js to Electron, and Socket.io to Firebase and HorizonDB.This book will provide you with the best practices as determined by the Vue.js community.
Paul Halliday
Vue.js 2 Design Patterns and Best Practices starts by comparing Vue.js with other frameworks and setting up the development environment for your application, and gradually moves on to writing and styling clean, maintainable, and reusable Vue.js components that can be used across your application. Further on, you'll look at common UI patterns, Vue form submission, and various modifiers such as lazy binding, number typecasting, and string trimming to create better UIs. You will also explore best practices for integrating HTTP into Vue.js applications to create an application with dynamic data. Routing is a vitally important part of any SPA, so you will focus on the vue-router and explore routing a user between multiple pages. Next, you'll also explore state management with Vuex, write testable code for your application, and create performant, server-side rendered applications with Nuxt. Toward the end, we'll look at common antipatterns to avoid, saving you from a lot of trial and error and development headaches.By the end of this book, you'll be on your way to becoming an expert Vue developer who can leverage design patterns to efficiently architect the design of your application and write clean and maintainable code.
Vue.js 2 Web Development Projects. Learn Vue.js by building 6 web apps
CHAU GUILLAUME
Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces.This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5. You'll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data.By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5.
Vue.js 2.x by Example. Example-driven guide to build web apps with Vue.js for beginners
Mike Street
Vue.js is a frontend web framework which makes it easy to do just about anything, from displaying data up to creating full-blown web apps, and has become a leading tool for web developers. This book puts Vue.js into a real-world context, guiding you through example projects that helps you build Vue.js applications from scratch.With this book, you will learn how to use Vue.js by creating three Single Page web applications. Throughout this book, we will cover the usage of Vue, for building web interfaces, Vuex, an official Vue plugin which makes caching and storing data easier, and Vue-router, a plugin for creating routes and URLs for your application.Starting with a JSON dataset, the first part of the book covers Vue objects and how to utilize each one. This will be covered by exploring different ways of displaying data from a JSON dataset. We will then move on to manipulating the data with filters and search and creating dynamic values.Next, you will see how easy it is to integrate remote data into an application by learning how to use the Dropbox API to display your Dropbox contents in an applicationIn the final section, you will see how to build a product catalog and dynamic shopping cart using the Vue-router, giving you the building blocks of an e-commerce store.
Ajdin Imsirovic
Vue.js is the latest trending frontend framework. Simplicity, reactivity, and ?exibility are some of the key benefits that Vue offers to developers. This book will help you learn everything you need to know to build stunning reactive web apps with Vue.js 2 quickly and easily.This book will take you through the Vue 2 framework. You will start by learning the different Vue installation options: CDN, NPM, and Vue CLI. Then we will look at the core concepts of Vue: templates and components – ways to modularize Vue code. You will learn how to utilize directives, which are Vue-specific HTML attributes with additional features. Also, you will see how Vue uses a streamlined approach to development, with reusable methods, computed properties, and watchers, and how it controls state with the help of its data option.You will learn about the concepts of reactive programming in Vue, and how to understand communication between parent and child components. We will take a look at props and slots, working with CSS, filters, and mixins. We will also look at ways to add transitions and animations to Vue apps. Then you will extend Vue by building custom directives and your own plugins. Finally, you will learn about Vuex – a Vue plugin that allows us to centralize state, and also introduce Nuxt, which is a framework that builds on top of Vue and solves some issues of single-page applications. After learning about these components, you will be ready to build your own reactive web apps with Vue.js 2.
Vuex Quick Start Guide. Centralized State Management for your Vue.js applications
Andrea Koutifaris
State management preserves the state of controls in a user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.Our book begins by explaining the problem that Vuex solves, and how it helps your applications. You will learn about the Vuex core concepts, including the Vuex store, changing application state, carrying out asynchronous operations and persisting state changes, all with an eye to scalability.You will learn how to test Vuex elements and Vue components with the Karma and Jasmine testing frameworks. You will see this in the context of a testing first approach, following the fundamentals of Test Driven Development. TDD will help you to identify which components need testing and how to test them. You will build a full Vuex application by creating the application components and services, and persist the state.Vuex comes with a plugin system that allows programmers to extend Vuex features. You will learn about some of the most powerful plugins, and make use of the built-in logger plugin. You write a custom Google Analytics plugin to send actions to its analytics API, and an Undo/Redo plugin.
Web Design z HTML5 i CSS3. Technologie frontendowe od podstaw. Wydanie V
Terry Felke-Morris
Projektowanie i tworzenie stron internetowych wymaga zarówno wiedzy oraz biegłego posługiwania się technologiami, jak i zmysłu artystycznego. Długo można wymieniać cechy idealnej strony WWW, zwłaszcza w obliczu dynamicznych zmian, które dotyczą technologii, potrzeb użytkowników i mody. Projektant stron internetowych musi wciąż podążać za nowinkami. Powinien też pamiętać o osobach, dla których ułatwienia dostępu są szczególnie istotne, a także o użytkownikach urządzeń mobilnych. Przy tym wszystkim pisanie stron WWW jest fascynującą umiejętnością, którą najlepiej rozwijają ćwiczenia praktyczne i praca na studiach przypadków. To kolejne, uaktualnione wydanie kultowego podręcznika projektowania i programowania stron internetowych, niezbędnego do rozpoczęcia samodzielnej pracy. Opisano tu obowiązujące standardy tworzenia witryn WWW oraz przyszłościowe techniki kodowania w HTML5.2 i CSS3. Sporo miejsca poświęcono zasadom projektowania wizualnego, schematom kolorystycznym czy kwestii uwzględniania wymagań grupy docelowej. Zaprezentowano również zasady dotyczące grafik, multimediów, nawigacji oraz układu strony. Utrwalenie zdobytej wiedzy będzie łatwiejsze dzięki licznym wskazówkom, ćwiczeniom i studiom przypadków. To wydanie uzupełniono o tak ważne kwestie jak techniki projektowania responsywnego oraz nowe układy CSS bazujące na modułach Flexible Box Layout i Grid Layout. Najważniejsze zagadnienia: tworzenie stron za pomocą HTML5.2 i CSS3 z układem elastycznym i siatkowym obrazy i multimedia na stronach internetowych najlepsze praktyki w dziedzinie projektowania internetowego tworzenie stron zarówno dla monitorów, jak i dla urządzeń mobilnych techniki projektowania responsywnego uzyskiwanie nazwy domeny oraz publikowanie strony WWW Dobra strona WWW? Funkcjonalność, elegancja, standardy!
Bruno Joseph D'mello
Node.js builds fast, scalable network applications while MongoDB is the perfect fit as a high-performance, open source NoSQL database solution. The combination of these two technologies offers high performance and scalability and helps in building fast, scalable network applications. Together they provide the power for manage any form of data as well as speed of delivery.This book will help you to get these two technologies working together to build web applications quickly and easily, with effortless deployment to the cloud. You will also learn about angular 4, which consumes pure JSON APOIs from a hapi server.The book begins by setting up your development environment, running you through the steps necessary to get the main application server up-and-running. Then you will see how to use Node.js to connect to a MongoDB database and perform data manipulations.From here on, the book will take you through integration with third-party tools to interact with web apps. You will see how to use controllers and view models to generate reusable code that will reduce development time. Toward the end, the book supplies tests to properly execute your code and take your skills to the next level with the most popular frameworks for developing web applications.By the end of the book, you will have a running web application developed with MongoDB, Node.js, and some of the most powerful and popular frameworks.
Gilberto Najera-Gutierrez, Juned Ahmed Ansari
Web Penetration Testing with Kali Linux - Third Edition shows you how to set up a lab, helps you understand the nature and mechanics of attacking websites, and explains classical attacks in great depth. This edition is heavily updated for the latest Kali Linux changes and the most recent attacks. Kali Linux shines when it comes to client-side attacks and fuzzing in particular.From the start of the book, you'll be given a thorough grounding in the concepts of hacking and penetration testing, and you'll see the tools used in Kali Linux that relate to web application hacking. You'll gain a deep understanding of classicalSQL, command-injection flaws, and the many ways to exploit these flaws. Web penetration testing also needs a general overview of client-side attacks, which is rounded out by a long discussion of scripting and input validation flaws.There is also an important chapter on cryptographic implementation flaws, where we discuss the most recent problems with cryptographic layers in the networking stack.The importance of these attacks cannot be overstated, and defending against them is relevant to most internet users and, of course, penetration testers.At the end of the book, you'll use an automated technique called fuzzing to identify flaws in a web application. Finally, you'll gain an understanding of web application vulnerabilities and the ways they can be exploited using the tools in Kali Linux.
WordPress 5 Complete. Build beautiful and feature-rich websites from scratch - Seventh Edition
Karol Król
Back in the day, when you wanted to launch a new website, you either had to learn web programming yourself or hire a professional who would take care of the whole process for you. Nowadays, with WordPress, anyone can build an optimized site with the least amount of effort possible and then make it available to the world in no time.Here, in the seventh edition of the book, we are going to show you how to build great looking and functional websites using WordPress. The new version of WordPress – 5.0 – comes with a few important changes, and we tell you all about how to use them effectively. From crafting content pages using the block editor, and customizing the design of your site, through to making sure it's secure, we go through it all.The book starts by introducing WordPress and teaching you how to set it up. You are then shown how to create a blog site, start writing content, and even use plugins and themes to customize the design of the site and add some unique elements to set it apart. If you want to get more in-depth, we also show you how to get started creating your own themes and plugins. Finally, we teach you how to use WordPress for building non-blog websites.By the end of the book, you will be sufficiently skilled to design high-quality websites and will be fully familiar with the ins and outs of WordPress.