精通前端开发：Big Nerd Ranch 指南

5星 · 超过95%的资源需积分: 10 155 浏览量更新于2024-07-20 2 收藏 31.24MB PDF 举报

"Front-End.Web.Development.The.Big.Nerd.Ranch.Guide.2016.8.pdf" 这本书是Big Nerd Ranch推出的前端开发指南，旨在帮助读者掌握现代前端开发所需技能。通过阅读本书，你可以学习如何利用JavaScript、HTML5和CSS3来构建丰富的网络体验、现代网站和优秀的应用程序。书中的内容适用于几乎所有的手机、平板电脑和计算机上的浏览器平台。作者Chris Aquino和Todd Gandee在书中安排了一系列的项目，读者可以在实践中逐步学习和掌握成为合格前端开发者所必备的各种技术。这包括但不限于： 1. **JavaScript基础与进阶**：JavaScript是前端开发的核心语言，书中会讲解其基本语法、函数、对象、DOM操作以及异步编程等概念。还会涉及ES6的新特性，如箭头函数、模板字符串、Promise等。 2. **HTML5**：HTML5是构建网页内容的基础，书中会介绍新添加的元素如<header>, <footer>, <section>, <article>等，以及语义化的重要性。同时，还会讲解离线存储（离线应用）、拖放功能、媒体元素等HTML5新特性。 3. **CSS3**：CSS3让网页设计更丰富，书中会涵盖选择器、布局（Flexbox和Grid）、过渡和动画、响应式设计等关键知识点。读者将学会如何创建美观且适应不同设备的网页界面。 4. **前端框架与库**：虽然没有明确提及，但现代前端开发常常涉及React、Vue或Angular等框架，可能书中会有对这些工具的介绍，帮助读者理解如何使用它们来提高开发效率和代码质量。 5. **移动优先与跨设备开发**：由于目标是构建适用于各种设备的应用，所以书中的项目可能会涵盖移动优先的设计原则和跨设备兼容性问题的解决策略。 6. **版本控制与协作**：前端开发者通常需要使用Git进行版本控制，书中可能包含Git的基本用法和团队协作的实践指导。 7. **调试与优化**：了解如何使用浏览器的开发者工具进行调试和性能优化是前端开发的重要技能，书中应该会有相关指导。 8. **测试与部署**：前端项目的测试方法（例如单元测试、集成测试）和上线部署流程也是前端开发者应知应会的内容。通过本书的学习，读者不仅能掌握前端开发的基础知识，还能了解整个开发流程，提升自己的实际开发能力，成为一名熟练的前端开发者。此外，书中还可能包含一些最佳实践和行业趋势的讨论，帮助读者保持对前端开发领域的敏锐洞察。

ptg18466994

Introduction

Learning Front-End Web Development

Doing front-end web development may require a shift in perspective, as it is a very different animal

from development for other platforms. Here are a few things to keep in mind as you are learning.

The browser is a platform.

Perhaps you have done native development for iOS or Android; written server-side code in Ruby or

PHP; or built desktop applications for OSX or Windows. As a front-end developer, your code will

target the browser – a platform available on nearly every phone, tablet, and personal computer in the

world.

Front-end development runs along a spectrum.

At one end of the spectrum is the look and feel of a web page: rounded corners, shadows, colors,

fonts, whitespace, and so on. At the other end of the spectrum is the logic that governs the intricate

behaviors of that web page: swapping images in an interactive photo gallery, validating data entered

into a form, sending messages across a chat network, etc. You will need to become proficient with

the core technologies all along this spectrum, and you will often need to use multiple technologies in

synergy to create a good web application.

Web technologies are open.

There is no one company that controls how browsers should work. That means that front-end

developers do not get a yearly SDK release that contains all the changes they will need to deal with for

the next twelve months. Native platforms are a frozen pond on which you can comfortably skate. The

web is a river; it curves, moves quickly, and is rocky in some places – but that is part of its appeal. The

web is the most rapidly evolving platform available. Adapting to change is a way of life for a front-end

developer.

This book’s purpose is to teach you how to develop for the browser. As you follow this guide, you

will be taken through the process of building a series of projects. Each project will call for a different

mixture of technologies along the front-end spectrum. Because of the sheer number of front-end tools,

libraries, and frameworks available, this book will focus on the most essential and portable patterns and

techniques.

Prerequisites

This book is not an introduction to programming. It assumes you have experience with the

fundamentals of writing code. You are expected to be familiar with basic types, functions, and objects.

That said, it also does not assume you already know JavaScript. It introduces you to JavaScript

concepts in context, as you need them.

ptg18466994

Introduction

xvi

How This Book Is Organized

This book walks you through writing four different web applications. Each application has its own

section of the book. Each chapter in a section adds new features to the application you are building.

Doing the work of building these four applications takes you from one extreme of the front-end

spectrum to the other.

Ottergram In your first project, you will create a web-based photo gallery. Building Ottergram

will teach you the fundamentals of programming for the browser using HTML, CSS,

and JavaScript. You will build the user interface manually, learning how the browser

loads and renders content.

CoffeeRun Part coffee order form, part checklist, CoffeeRun takes you through a number of

JavaScript techniques including writing modular code, taking advantage of closures,

and communicating with a remote server using Ajax. Your focus will shift from

manually creating the UI to creating and manipulating it programmatically.

Chattrbox Chattrbox has the shortest section and is the most distinct of the apps. You will use

JavaScript to build a chat system, writing a chat server with Node.js as well as a

browser-based chat client.

Tracker Your final project uses Ember.js, one of the most powerful frameworks for front-end

development. You will create an application that catalogs sightings of rare, exotic,

and mythical creatures. Along the way, you will learn your way around the rich

ecosystem that powers the Ember.js framework.

As you work through these applications, you will be introduced to a number of tools, including:

• the Atom text editor and some useful plug-ins for working with code

• documentation resources like the Mozilla Developer Network

• the command line, using the OSX Terminal app or the Windows command prompt

• browser-sync

• Google Chrome’s Developer Tools

• normalize.css

• Bootstrap

• jQuery and libraries like crypto-js and moment

• Node.js, the Node package manager (npm), and nodemon

• WebSockets and the wscat module

• Babel, Babelify, Browserify, and Watchify

• Ember.js and addons like Ember CLI, Ember Inspector, Ember CLI Mirage, and Handlebars

• Bower

• Homebrew

• Watchman

ptg18466994

How to Use This Book

xvii

How to Use This Book

This book is not a reference book. Its goal is to get you over the initial hump to where you can get

the most out of the reference and recipe books available. It is based on our five-day class at Big Nerd

Ranch, and, as such, it is meant to be worked through from the beginning. Chapters build on each

other, and skipping around would be unproductive.

In our classes, students work through these materials, but they also benefit from the right environment

– a dedicated classroom, good food and comfortable board, a group of motivated peers, and an

instructor to answer questions.

As a reader, you want your environment to be similar. That means getting a good night’s rest and

finding a quiet place to work. These things can help, too:

• Start a reading group with your friends or coworkers.

• Arrange to have blocks of focused time to work on chapters.

• Participate in the forum for this book at forums.bignerdranch.com, where you can discuss the

book and find errata and solutions.

• Find someone who knows front-end web development to help you out.

Challenges

Most chapters in this book end with at least one challenge. Challenges are opportunities to review what

you have learned and take your work in the chapter one step further. We recommend that you tackle as

many of them as you can to cement your knowledge and move from learning JavaScript development

from us to doing JavaScript development on your own.

Challenges come in three levels of difficulty:

• Bronze challenges typically ask you to do something very similar to what you did in the chapter.

These challenges reinforce what you learned in the chapter and force you to type in similar code

without having it laid out in front of you. Practice makes perfect.

• Silver challenges require you to do more digging and more thinking. Sometimes you will need

to use functions, events, markup, and styles that you have not seen before, but the tasks are still

similar to what you did in the chapter.

• Gold challenges are difficult and can take hours to complete. They require you to understand the

concepts from the chapter and then do some quality thinking and problem solving on your own.

Tackling these challenges will prepare you for the real-world work of JavaScript development.

You should make a copy of your code before you work on the challenges for any chapter. Otherwise,

the changes that you make may not be compatible with subsequent exercises.

If you get lost, you can always visit forums.bignerdranch.com for some assistance.

剩余496页未读，继续阅读

xinconan2

粉丝: 268
资源: 399

精通前端开发：Big Nerd Ranch 指南

Front-End Web Development

Front-End Web Development The Big Nerd Ranch Guide epub

Front-End.Web.Development.The.Big.Nerd.Ranch.Guide.2016.8

http://www.mega-nerd.com/SRC/download.html打不开怎么办

列出关于Android移动应用程序设计的参考文献

android programming: the big nerd ranch guide (5th edition)

big nerd ranch入门经典 pdf

移动应用和游戏的开发的参考文献

Android英文参考文献

android 毕设 参考文献 英语

最新资源

android 毕设参考文献英语