论坛 › 浙江 › 准备转行做网页前端的程序员，前景怎么样？

5ep9lzv 发表于 2024-10-5 07:13:06

准备转行做网页前端的程序员，前景怎么样？

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">如今，前端<span style="color: black;">研发</span>工程师<span style="color: black;">已然</span><span style="color: black;">能够</span>和后端<span style="color: black;">研发</span>工程师相提并论，并且<span style="color: black;">拥有</span>非常可观的就业前景：前端技术生态是<span style="color: black;">创立</span>在JavaScript编程语言之上的，<span style="color: black;">无</span>任何竞争对手。并且<strong style="color: blue;">薪资高，</strong>一线城市<span style="color: black;">容易</span>突破<strong style="color: blue;">20k</strong>！</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">我觉得前端的好处<span style="color: black;">便是</span>，即使你的数据结构算法<span style="color: black;">把握</span>的<span style="color: black;">不足</span><span style="color: black;">牢靠</span>、对操作系统、线程、并发的概念理解的<span style="color: black;">不足</span>深入，但你能够<span style="color: black;">拥有</span><span style="color: black;">必定</span>前端知识的广度和经验，<span style="color: black;">亦</span>能让你在前端<span style="color: black;">研发</span>场景中游刃有余，</strong><span style="color: black;">因此</span>前端的<span style="color: black;">基本</span>+练习经验+<span style="color: black;">即时</span>关注更新的东西很重要。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">01 学习web前端<span style="color: black;">基本</span>：</strong>大概需要<span style="color: black;">一月</span><span style="color: black;">上下</span>，<span style="color: black;">同期</span>要对html和css有了个系统的认识。你会从中学会了布局。还有结构与表现分离的思想。我觉得前端要学的技术太多了，<span style="color: black;">非常多</span>人认为前端<span style="color: black;">研发</span>要<span style="color: black;">把握</span>的技能简单，<span style="color: black;">便是</span>网页制作，前端<span style="color: black;">研发</span>是网站的前台代码实现，<span style="color: black;">包含</span>基本的HTML和CSS。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">02在设计网页时</strong>，要分析网页分为几个部分，<span style="color: black;">才可</span>排版好。logo、导航栏、头部、身体、尾部都要分配好，给<span style="color: black;">她们</span>命名。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">第1</span>步做好后，<span style="color: black;">创立</span>一个相对完整的html结构，<span style="color: black;">亦</span><span style="color: black;">便是</span>纯html文档，一个完整的骨架先造出来<span style="color: black;">而后</span>再去给它穿衣服。在<span style="color: black;">创立</span>html文档时，要分析哪里该用div， 什么<span style="color: black;">状况</span>用class， 什么<span style="color: black;">状况</span>用id。<span style="color: black;">通常</span><span style="color: black;">来讲</span>，<span style="color: black;">倘若</span>是比较通用类的，用class，而比较特殊只会<span style="color: black;">显现</span>一次的<span style="color: black;">例如</span>页角、侧栏等，<span style="color: black;">能够</span><span style="color: black;">选取</span><span style="color: black;">运用</span>id来标记。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">模型<span style="color: black;">已然</span>成型后，该给它上色了，<span style="color: black;">亦</span><span style="color: black;">便是</span>css的编写了。<span style="color: black;">首要</span>应该从body<span style="color: black;">起始</span>，给body设置规则<span style="color: black;">例如</span>width, margin、bac<span style="color: black;">公斤</span>round-color等，<span style="color: black;">而后</span>一层一层来设置，这个过程时最<span style="color: black;">繁杂</span>最麻烦，基本95%的时间是花在这上面的。在上面做好后，<span style="color: black;">便是</span><span style="color: black;">有些</span>边边角角的修改了，<span style="color: black;">例如</span>位置的微调，颜色微调等。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">模仿一个<span style="color: black;">繁杂</span>的网页需要<span style="color: black;">重视</span>的东西太多了，某一个位置的一张<span style="color: black;">照片</span>的设置:是<span style="color: black;">必定</span>宽度和高度的范围<span style="color: black;">而后</span>让<span style="color: black;">照片</span><span style="color: black;">做为</span>背景覆盖，还是单纯一个搞定呢，这两个<span style="color: black;">方法</span>各有各的特点，采用什么<span style="color: black;">方法</span>得看<span style="color: black;">实质</span><span style="color: black;">状况</span>，<span style="color: black;">倘若</span>是比<span style="color: black;">很强</span>的如logo <span style="color: black;">能够</span>做用“背景法”来处理，<span style="color: black;">倘若</span>是文本中的<span style="color: black;">照片</span>，则用第二种<span style="color: black;">办法</span>会好些。还有<span style="color: black;">非常多</span>方向，<span style="color: black;">大众</span><span style="color: black;">能够</span>找找<span style="color: black;">关联</span>项目 做好项目的前提是<span style="color: black;">基本</span>打好哦，<span style="color: black;">基本</span><span style="color: black;">欠好</span>继续回炉深造吧</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">别再说<span style="color: black;">大众</span>有好东西私藏，有时候分享了，没人当回事，<span style="color: black;">例如</span><span style="color: black;">这儿</span>：</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">01-<a style="color: black;">最新前端<span style="color: black;">研发</span>入门教程，web前端零<span style="color: black;">基本</span>html5 +css3+前端项目视频教程_哔哩哔哩_bilibili</a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">02-<a style="color: black;">黑马程序员web前端进阶教程，前端html5+css3+移动端项目实战（含华为<span style="color: black;">资讯</span>，b站移动端等）_哔哩哔哩_bilibili</a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">03-<a style="color: black;">黑马程序员Ja</a>vaScript全套教程，Web前端必学的JS入门教程，零<span style="color: black;">基本</span>JavaScript入门_哔哩哔哩_bilibili</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">04-<a style="color: black;">黑马程序员JavaScript核心教程，前端<span style="color: black;">基本</span>教程，JS必会的DOM BOM操作_哔哩哔哩_bilibili</a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">05-<a style="color: black;">黑马程序员AJAX零<span style="color: black;">基本</span>到精通_整合Git核心内容全套教程_哔哩</a>哔哩_bilibili</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">06-<a style="color: black;">黑马程序员Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili</a></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">07-<a style="color: black;">「链接」</a><a style="color: black;">黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端</a>必会的框架教程_哔哩哔哩_bilibili</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">08-<a style="color: black;">黑马程序员前端React视频教程，react零<span style="color: black;">基本</span>入门原理详解到好客租房项目实战_哔哩哔哩_bilibili</a></p>
    <div style="color: black; text-align: left; margin-bottom: 10px;">
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-axegupay5k/4487085644324af3b6b8c255f40dc76b~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1728298857&amp;x-signature=rkJeg3VZem3MxuJOj%2BiCbcaI9uE%3D" style="width: 50%; margin-bottom: 20px;"></div>
    </div>

wrjc1hod 发表于 2024-10-11 22:05:49

感谢楼主的分享！我学到了很多。

nykek5i 发表于 2024-10-23 20:04:19

交流如星光璀璨，点亮思想夜空。

qzmjef 发表于 2024-11-13 01:46:15

论坛外链网http://www.fok120.com/

m5k1umn 发表于 1 小时前

外贸网站建设方法 http://www.fok120.com/

查看完整版本: 准备转行做网页前端的程序员，前景怎么样？