Web Development with Bootstrap 4 and Angular 2 - Second Edition

Sergey Akopkokhyants, Stephen Radford

  • 出版商: Packt Publishing
  • 出版日期: 2016-11-29
  • 售價: $1,840
  • 貴賓價: 9.5$1,748
  • 語言: 英文
  • 頁數: 404
  • 裝訂: Paperback
  • ISBN: 1785880810
  • ISBN-13: 9781785880810
  • 相關分類: AngularBootstrap
  • 下單後立即進貨 (約3~4週)

商品描述

Key Features

  • Updated for the latest releases of Angular and Bootstrap, this book shows you how to build web applications with cutting-edge web technologies
  • Combine the best of both worlds to build single page apps with elegant user interfaces
  • Build, develop, and customize your application using Angular and Bootstrap
  • Packed with tips to help you avoid potential stumbling blocks while developing

Book Description

Two of the most popular frontend frameworks, Angular and Bootstrap, have undergone a major overhaul to embrace emerging web technologies so that developers can build cutting-edge web applications.

Inside this title you'll dive, fingers first, into the basics of both the tools, and once you're familiar with them, you'll move onto Bootstrap's new grid system and Angular's built-in directives. You'll then learn how to format output using Angular's pipes and how to make use of the built-in router to set up routes for all your components.

Webpack will be your buddy to wrap up your project. Then, after throwing in some SASS to make things pretty, you'll learn how to validate the forms you've built and debug your application. Finally, you'll go on to learn how to obtain smooth transitioning from Bootstrap to Angular and then how to hook up with a server and use Firebase as the persistence layer.

Once you're done with this book, you'll not only have a lovely little e-commerce application running, but you'll also take with you the confidence to innovate and build your own applications with ease.

What you will learn

  • Develop Angular 2 single page applications using an ecosystem of helper tools
  • Get familiar with Bootstrap’s new grid and helper classes
  • Embrace TypeScript and ECMAScript 2015 to write more maintainable code
  • Use custom directives for Bootstrap 4 with the ng2-bootstrap library
  • Understand the component-oriented structure of Angular 2 and its router
  • Make use of the built-in HTTP library to work with API endpoints
  • Use observables and streams to manage the app’s data and state
  • Combine Angular 2 and Bootstrap 4 along with Firebase in the development of a solid example

About the Author

Sergey Akopkokhyants is a software architect with more than 20 years of professional experience in designing and developing client and server-side applications. He is also a certified Java developer and project manager. He has general knowledge of many tools, languages, and platforms.

For the last decade, Sergey has been responsible for customizing and producing weboriented applications for wholesale business management solutions projects for several worldwide mobile communication companies. His responsibilities have included: architecture design and guidance of client software development using Flex, CSS, HTML, JavaScript, TypeScript, and Dart, and client-server integration with Java. He is also the founder and an active contributor to several open source projects on GitHub.

Sergey is passionate about web design and development and likes sharing his expertise with others, helping them to increase their skills and productivity. He is author of the book Mastering Dart and also he was one of reviewers of the books Learning Dart and Dart Cookbook.

Stephen Radford is a full-stack web and app developer based in the heart of England--Leicester. Originally from Bristol, Stephen moved to Leicester after studying Graphic Design at college to accept a job at one of the UK’s largest online marketing companies.

Whilst working at a number of agencies, Stephen developed several side projects, including FTPloy, a SaaS designed to make continuous deployment available to everyone. The project was subsequently a finalist in the .NET Awards Side Project of the Year category.

He and his business partner now run Cocoon, a web development company that builds and maintains web and mobile apps. Cocoon also works closely with a handful of startups and businesses to develop ideas into websites and apps.

Table of Contents

  1. Saying Hello!
  2. Working with Bootstrap Components
  3. Advanced Bootstrap Components and Customization
  4. Creating the Template
  5. Routing
  6. Dependency Injection
  7. Working with Forms
  8. Advanced Components
  9. Communication and Data Persistence
  10. Advanced Angular Techniques

商品描述(中文翻譯)

主要特點


  • 更新至最新版本的Angular和Bootstrap,本書將向您展示如何使用尖端網頁技術構建網頁應用程式

  • 結合最佳的兩個框架,打造具有優雅用戶界面的單頁應用程式

  • 使用Angular和Bootstrap構建、開發和自定義您的應用程式

  • 提供實用提示,幫助您避免開發中的潛在問題

書籍描述

Angular和Bootstrap是最受歡迎的前端框架之一,它們經歷了重大改進,以應對新興網頁技術的發展,讓開發人員能夠構建尖端的網頁應用程式。

在本書中,您將深入了解這兩個工具的基礎知識,並學習Bootstrap的新網格系統和Angular的內建指令。然後,您將學習如何使用Angular的管道格式化輸出,以及如何使用內建路由器為所有組件設置路由。

Webpack將成為您的好夥伴,幫助您完成項目。然後,通過添加一些SASS使界面更美觀,您將學習如何驗證您構建的表單並調試應用程式。最後,您將學習如何實現Bootstrap到Angular的平滑過渡,並如何與服務器連接並使用Firebase作為持久層。

完成本書後,您不僅將擁有一個可運行的可愛小型電子商務應用程式,還將帶著信心輕鬆創新並構建自己的應用程式。

您將學到什麼


  • 使用一系列輔助工具開發Angular 2單頁應用程式

  • 熟悉Bootstrap的新網格和輔助類

  • 採用TypeScript和ECMAScript 2015編寫更易於維護的代碼

  • 使用ng2-bootstrap庫為Bootstrap 4使用自定義指令

  • 了解Angular 2的組件導向結構及其路由器

  • 使用內建HTTP庫與API端點進行交互

  • 使用可觀察對象和流管理應用程式的數據和狀態

  • 結合Angular 2和Bootstrap 4以及Firebase開發實例

關於作者

Sergey Akopkokhyants是一位軟體架構師,擁有超過20年的專業設計和開發客戶端和服務器端應用程式的經驗。他也是一位經認證的Java開發人員和項目經理。他對許多工具、語言和平台都有一般知識。

在過去的十年中,Sergey負責為幾家全球移動通信公司的批發業務管理解決方案項目定制和生產面向網頁的應用程式。他的職責包括:使用Flex、CSS、HTML、JavaScript、TypeScript和Dart進行客戶端軟體開發的架構設計和指導,以及與Java進行客戶端-服務器集成。他還是GitHub上幾個開源項目的創始人和積極貢獻者。

Sergey熱衷於網頁設計和開發,喜歡與他人分享自己的專業知識,幫助他們提高技能和生產力。他是書籍《Mastering Dart》的作者,也是書籍《Learning Dart》和《Dart Cookbook》的審查者之一。

Stephen Radford是一位全棧網頁和應用程式開發人員,位於英格蘭中部的萊斯特。Stephen在布里斯托爾長大,畢業於大學的平面設計專業,後來搬到萊斯特接受英國最大的網絡營銷公司的工作。

在多家代理機構工作期間,Stephen開發了幾個副業項目,包括FTPloy,一個旨在使持續部署對所有人都可用的SaaS。該項目隨後成為.NET Awards年度副業獎的入圍者。

他和他的商業夥伴現在經營著Cocoon,一家網頁開發公司,總部位於英格蘭中部的萊斯特。