web开发教程 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

现代Web开发教程系列_01

##引言工作大概9年了，就算不算上在学校里的写网页的经历，其实从事与Web前端有关的开发已经8年。这8年我自己也随着Web开发技术的革新，也在不停地更新这方面的知识体系。...最近在想，是时候对目前所掌握的Web开发技术进行一个小结了。...于是就有了这个系列的开始，这个系列开篇会概览性地说一下Web开发几个重要的工具或技术，后面则会在以demo示例的方式讲一讲在真实项目中是如何实践它们的。...但事实上随着现在Web端开发技术的发展，Web前端页面变得越来越复杂了，甚至还有人十分推崇One Page Application，即在一个页面搞定所有的用户界面交互。...界面库很多年前，我做Web开发也谈不上界面库，一度认为html标准的那些标签就是界面库，抓起来就用。

9187 0

现代Web开发系列教程_03

return new HtmlWebpackPlugin({ title: 'demo2', filename: opts.path, template: 'web-src...createHtmlDef({path: 'demo2.html', chunks: ['vendor', 'demo2']}) ]; var entries = { demo2 : __dirname + '/web-src...webpack.optimize.CommonsChunkPlugin({ name: "vendor", minChunks: Infinity, }) var entries = { demo2 : __dirname + '/web-src

8706 0

您找到你想要的搜索结果了吗？

是的

没有找到

现代Web开发系列教程_05

本篇不开发新的功能，不过对目前的编译环境重新整理一下。...区别开发编译与生产编译在webpack.config.js中添加读取环境变量NODE_ENV ... var isProduction = (process.env.NODE_ENV === 'production.../node_modules/.bin/webpack --progress" } 以后执行npm run serve-dev就直接打开了webpack-dev-server了，开发终于不用再依赖于nginx

9068 0

现代Web开发教程系列_02

为Web前端项目建工程 Web工程需要建工程吗？不是建个目录就可以开搞的吗？你一定会这么问。但事实上面对越来越复杂的前端页面逻辑，真的有必要好好组织一下前端的代码结构。...mkdir web-src #前端源代码目录 mkdir public #前端源代码编译后产物目录来一个Hello World 在web-src目录下写一个JS版的hello world web-src...--global是安装到系统全局 npm install webpack --save-dev #--save-dev是安装到node_modules目录下，并修改package.json文件，添加此开发依赖...安装webpack生成html的插件 npm install html-webpack-plugin --save-dev 在web-src/html目录下创建html的模板文件 web-src/js/demo1.js 29 bytes {0} [built] Child html-webpack-plugin for "demo1.html": + 3 hidden

7847 0

现代Web开发系列教程_06

作为一个从事多年Java Web开发的程序员，面对现如今NodeJS开发Web后端程序一直十分感兴趣，于是花了点时间研究了下，本篇就主要说一说我在项目中应用NodeJS开发后端的具体步骤。...实在是受Java Web后端开发影响太大了，我使用NodeJS开发后端程序还是采用了普通Java MVC分层架构，可能与一般的NodeJS程序员的做法不太一样。...this.request.body.pwd); this.body = {success : true}; }); module.exports = UserController; 中间件容器我使用koa作为这个小Web...UserController.routes()).use(UserController.allowedMethods()); app.listen(3000); 最后执行命令node src\server\app.js, 这个小Web...总结个人感觉使用NodeJS写简单的Web后端程序确实比用Java简单了不少，最关键是不用编译，异常地快。本篇源代码地址

9067 0

现代Web开发系列教程_07

今天结合前面说到的前后端开发知识，做一个小工程，这个小工程并不完全具体的业务功能，但该工程包括前后端，可以作为以后复杂工程的起点。前端代码前端代码稍微复杂一点，就先从前端代码开始。

8905 0

现代Web开发系列教程_04

具体见链接安装redux与react-redux 1 npm install redux react-redux --save 状态转换纯函数 web-src/js/components/GreetingConstant.js...1 export const CHANGE_NAME = 'CHANGE_NAME'; web-src/js/reducers/GreetingReducer.js import {CHANGE_NAME...web-src/js/actions/GreetingAction.js import { CHANGE_NAME } from '.....web-src/js/components/GreetingComponent.js，这个就是一个Presentational Components组件 import React from 'react...React.Component{ render(){ return } } 使用Provider将state与组件关联起来 web-src

9797 0

JavaScript 现代 Web 开发框架教程（九）

原文：JavaScript Frameworks for Modern Web Dev 协议：CC BY-NC-SA 4.0 十六、Underscore 和 Lodash 你必须是那种能把事情做好的人...随着 Underscore 在许多 web 应用中变得无处不在，发生了两件令人兴奋的事情。首先，ECMAScript 5 规范在同一年发布。...安装和使用 Underscore 可以作为库直接导入 web 浏览器或任何服务器端 JavaScript 环境，如 Node.js。它没有外部依赖性。...挑剔开发人员经常从集合和对象中提取想要的数据，或者省略不想要的数据。...幸运的是，Underscore 允许开发人员用正则表达式改变模板标签的语法。

1.1K1 0

40-Rust 教程 - Web 服务开发

Web 服务开发从 CLI 到 HTTP：让你的程序学会"上网"——Axum/Actix-web 入门指南引入上篇咱们写了个 CLI 工具，只能在本地跑。...（资本家狂喜）今天咱们就来聊聊怎么用 Rust 写 Web 服务。...Rust 的 Web 生态现在相当成熟，主要有两个框架： Actix-web - 老牌劲旅，性能怪兽 Axum - 后起之秀，tokio 官方出品我的建议：新手学 Axum，API 设计更现代，错误处理更友好...生活化类比： CLI 工具 = 实体店，客户得来店里 Web 服务 = 网店，客户远程下单咱们今天开网店！核心概念 Web 框架是啥？...Web 框架是厨房设备+服务员，你只管做菜（业务逻辑）。

2641 0

web 开发从 0 到 0.1 系列教程

如果你想从事 web 开发，或是相关的行业。不妨在入坑之前可以先了解一下整个开发的生命周期。一个软件从无到有是怎么做的，期间涉及到的有哪些角色。如果你还很迷茫不妨试着跟着教程走一遍。...软件的生命周期需求分析设计 UI 代码实现功能测试部署维护涉及人员岗位产品经理 UI 美工软件开发程序员软件测试工程师运维人员 && 软件工程师 ---- 大概流程需求分析阶段首先是客户有一个产品需求需要开发...抠图交给之后的前端开发工程师。代码实现阶段由前端开发工程师和后端开发工程师共同协作完成。后端开发主要负责就是业务和数据的处理，前端开发主要负责的就是数据的展示。...然后在提交 BUG 给开发工程师进行修改。部署阶段这个阶段由运维人员根据开发人员提供的软件包进行线上的部署，提供给用户最终的产品。维护阶段软件可能在运行期间会出现各种意想不到的问题。...所以建议刚刚毕业的大学生可以去小公司磨炼一下，可以接触到软件开发的方方面面。对整个软件开发的流程有一个大概的了解。之后我会从无到有，开发并记录一个软件是如何设计和开发出来。

6221 0

Java Web 项目在线商城开发教程

以下是一篇关于Java Web在线商城项目的技术方案和应用实例文章：Java Web在线商城项目技术方案与应用实例一、项目概述在线商城是电子商务的重要载体，基于Java Web技术开发的在线商城，具有跨平台性...开发工具：可使用IntelliJ IDEA作为集成开发环境，Maven作为项目依赖管理工具，JDK选择1.8或以上版本，服务器可选Tomcat。...通过以上技术方案和应用实例，可初步构建一个功能较为基础的Java Web在线商城，开发者可在此基础上，根据实际需求进一步扩展和优化，如添加支付功能、订单状态跟踪、商品分类管理等功能。...Java Web 项目，在线商城开发，Java 项目实战，Java 教程，商城开发教程，Web 项目开发，Java 实战指南，在线商城项目，Java 编程，商城系统开发，Java 项目教程，Web 开发实战...，Java Web 开发，在线商城教程，Java 实战项目

5931 0

小白学Python – Django Web 开发教程二

CRUD 是用于开发的任何框架的基础。基于类的视图基于类的视图提供了另一种将视图实现为 Python 对象而不是函数的方法。

7443 0

1 快速开始《Kotlin Web 开发实战教程》

Application.kt └── test └── ApplicationTest.kt 5 directories, 12 files Application.kt package com.ktor.web

2K3 0

入门开发教程之Web 品质 - 标准

Web 品质 - 标准 1. 介绍 Web 品质是指网站的可用性、可访问性、可靠性和符合性等方面。持续地提高Web 品质是Web 开发者和设计师必须要关注的问题。...本文旨在介绍一些Web 品质标准，帮助开发者和设计师制定出更好的网站。 2. 可用性可用性是指用户在使用网站时所遇到的易用性问题。...为了确保网站中的所有内容能够被屏幕阅读器解读，开发者应该添加可访问性标识、轮廓和其他辅助功能。 3.2 对比色网站的颜色对于聋哑人、色盲症和低视力人群是重要的。...总结提高 Web 品质需要多方面的考虑，包括可用性、可访问性、可靠性和符合性等方面。开发者和设计师不能忽视 Web 品质的重要性，他们应该采取相应的步骤来提高 Website 的品质。...本文提供了一份基本的Web 品质标准列表，以帮助 Web 开发者和设计师做出更高质量的网站。

3925 0

小白学Python – Django Web 开发教程一

最容易学习的框架，快速开发，并且完全包含电池。Django 是一个快速 Web 开发框架，可用于在短时间内开发功能齐全的 Web 应用程序。...我们有松散耦合的即几乎独立的组件多个开发人员可以处理不同的组件调试和代码组织很容易。Django 有一个优秀的调试器工具。...INSTALLED_APPS 中列出的应用程序由 Django 提供，以方便开发人员使用。...请求并返回 Web 响应。...该响应可以是网页的 HTML 内容、重定向、404 错误、XML 文档、图像、Web 浏览器可以显示的任何内容。

1.2K2 0

Django教程第3章 | Web开发实战-登录

当下一次浏览器向 Web 服务器发送任何请求时，浏览器会把这些 Cookie 信息发送到服务器，服务器将使用这些信息来识别用户。...HTTP 是一种"无状态"协议，这意味着每次客户端检索网页时，客户端打开一个单独的连接到 Web 服务器，服务器会自动不保留之前客户端请求的任何记录。...但是仍然有以下三种方式来维持 Web 客户端和 Web 服务器之间的 session 会话： Cookies 一个 Web 服务器可以分配一个唯一的 session 会话 ID 作为每个 Web 客户端的...在Web开发中，使用 session 来完成会话跟踪，session 底层依赖 Cookie 技术。代码案例 1.编写模板HTML {% load static %} <!

6831 0

ASP.NET Core RESTful Web服务开发教程

在本文中，我将逐步解释如何在ASP.NET Core中开发基于RESTful的Web服务应用程序。ASP.NET Core是微软最新发布的技术，比之前的WCF和Web API要好得多。...让我们一步一步的开始我们的项目: 步骤1:首先，创建一个ASP.NET Core Web应用程序项目在Visual Studio中命名为StudentRegistrationDemo3。...为此，选择File->New->Project->ASP.NET Core Web应用程序(参见下面的窗口)并单击OK。 ?...它将启动web服务器并运行web服务应用程序。 ? 现在等待，直到你的浏览器窗口加载正确如下: ? 现在服务器正在运行，我们将首先执行GET服务调用。步骤6。...其次，我们如何设计不同的资源路径(路由)来调用特定的web方法?

8.9K6 0

给初学者看的Web开发教程

微软公司的Azure Cloud Advocates团队为Web开发新人打造了一门颇爱好评的免费课程，地址见： https://microsoft.github.io/Web-Dev-For-Beginners...在这个教程中，微软团队用12周时间、24节课，带领读者学习了JavaScript、CSS 和 HTML等Web开发基础知识。...在没有PBL实战教程的时候，项目驱动的实战教程已是上选，它作为系统化从易到难的学习教程，已经比零散的非系统化的教程高级很多了。...，链接是： https://github.com/rixingyike/Web-Dev-For-Beginners-CN 你在学习的是中文教程，要fork后一个仓库。...（这是零散的项目驱动式教程的优点，PBL实战教程便不能直接从后面某一处学起。）在课程中，团队有意避免引入任何 JavaScript 框架，以便读者专注于 Web 开发人员所需的基本技能的学习。

1.6K3 0

20个很有帮助的 Web 前端开发教程

里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册，前端面试题，前端开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。 3....9、 Static Web Apps — A Field Guide 根据介绍：“本指南将为您介绍的静态 Web 应用程序世界，并提供解决方案，同时建立他们遇到的共同挑战。...10、 Learn regular expressions in about 55 minutes 丰富的文档和教程，介绍正则表达式。...Open Web CSS Reference 这是一个非常全面的，鲜为人知的 CSS 属性和功能的参考。按字母顺序排列，包括链接到规范页面。 12....、OverAPI.com 史上最全的开发人员在线速查手册！这个网站收集了众多对开发人员非常有用的手册，记得分享和推荐一下哦。 16.

7162 0

快速入门Web开发（上）黑马程序员JavaWeb开发教程

快速入门Web开发（上）本文档是黑马程序员的黑马程序员JavaWeb开发教程，实现javaweb企业开发全流程（涵盖Spring+MyBatis+SpringMVC+SpringBoot等）_哔哩哔哩..._bilibili 上这篇没有写什么很深的个人见解但下篇有开发Web网站的方式前后端分离开发前端开发内容 ajax 什么是ajax ajax即异步JavaScript和XML（异步交互技术（异步通信技术...前端和后端分别按照文档来开发接口文档管理工具YApi mock服务指生成数据来供使用前端工程化安装nodejs与vue/cli nodejs是一个js运行环境 1、验证是否安装成功 node -v

8151 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭