web从0到1快速搭建自己的网站(小白版)

const express = require(‘express’)
const app = express() 
app.listen(9527, () => {    
console.log(“服务开启成功”); 
})

开启服务。cmd进去执行命令行node server

2、前端
前端开发的吃饭本领,npm run就完事啦。

3、数据库
数据库使用MongoDB,具体用法如下。
下载安装MongoDB。
启动数据库。mongod --dbpath c:\mongo(位置)

4、前端⇌服务端
前端项目开发时为解决跨域问题,会设置代理,这里将代理的端口设置成一致的即可。

proxy:{

“/”:{

target:“http://127.0.0.1:9527”,

changeOrigin:true,

}

}

5、服务端⇌数据库

下载mongodb包。npm i mongodb --save-s引入。

const mongodb = require(“mongodb”);
const mongoClient = mongodb.MongoClient;

创建连接。

mongoClient.connect(“mongodb://127.0.0.1:端口号”,function(err,client){

if(err){

console.log(“数据库连接失败”);    }else{

console.log(“数据库连接成功”);

const db = client.db(“数据库名”);

cb(db);

}

})

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档,里面有面试题的详细解析

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

dow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlcGxlcl9JSQ==,size_16,color_FFFFFF,t_70)

虽只说了一个公司的面试,但我们可以知道大厂关注的东西并举一反三,通过一个知识点延伸到另一个知识点,这是我们要掌握的学习方法,小伙伴们在这篇有学到的请评论点赞转发告诉小编哦,谢谢大家的支持!

  • 25
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端从0到1搭建项目可以分为以下几个步骤: 1. 学习HTML、CSS和JavaScript:作为Web前端开发的基础,你需要掌握HTML(标记语言)、CSS(样式表语言)和JavaScript(脚本语言)这三个核心技术。可以通过在线教程、视频教程或者参加培训课程来学习。 2. 设计页面结构:在搭建项目之前,你需要先设计网页的整体结构,包括页面布局、导航栏、侧边栏等等。可以使用工具如Adobe XD、Sketch等进行页面原型设计。 3. 使用HTML构建页面结构:使用学习到的HTML知识,按照你设计的页面结构搭建网页的骨架,包括标题、段落、列表、图片等元素。 4. 使用CSS美化页面:使用学习到的CSS知识,为网页添加样式,包括调整字体、颜色、背景、边框等等。可以使用CSS预处理器如Sass或Less来提高效率。 5. 使用JavaScript增加交互功能:使用学习到的JavaScript知识,为网页添加交互功能,例如表单验证、动态加载内容、响应用户事件等等。可以使用JavaScript库或框架如jQuery、React或Vue来简化开发过程。 6. 响应式设计与移动端适配:考虑到不同设备的屏幕尺寸和分辨率的差异,需要进行响应式设计和移动端适配,确保网页在各种设备上都能正常展示和使用。 7. 测试和调试:在完成网页搭建后,进行测试和调试,确保各个功能正常运行,并修复可能存在的bug。 8. 部署上线:当项目开发完成后,可以选择将网页部署到服务器上,使其能够通过域名在互联网上访问。 以上是Web前端从0到1搭建项目的基本步骤,希望能对你有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值