想在2023 年成为前端 Web 开发人员的分步指南

news2024/10/5 16:43:25

当我开始成为一名前端开发人员时,这是我希望拥有的路线图我想出了这个路线图,它有助于实现成为全能开发人员的目标。

让我们开始吧。

  • 谁是前端开发人员?

  • 好的,现在谁是后端开发人员?

  • 那么如何成为一名前端开发人员呢??

  • 发展你的技能

  • HTML

  • CSS

  • JavaScript

  • 创建投资组合/制作您的案例研究

  • 把自己放在那里

  • 你还需要做什么?

  • 求职

  • 资源

  • 结论

知道你正在进入什么

不要仅仅因为它很流行或者因为你的朋友告诉你如果你成为 FE 开发人员你会得到更高的薪水就急于进入前端开发人员而不是了解这个职业是什么

--> 为什么公司要聘请开发人员??

--> 你希望解决什么问题??

--> 作为开发人员,您的职责是什么??

谁是前端开发人员?

无论您喜欢使用网站还是准备好点击最快的按钮,部分原因在于网站的设计,在您获得身临其境的体验背后是我们专业称为前端开发人员的程序员。前端开发人员负责从头开始构建网站布局,包括用户完成服务所依赖的各种图标和切换按钮。他们与 UI UX 设计师和后端开发人员同步工作,负责确保网页是专门构建的且具有吸引力。

好的,现在谁是后端开发人员?

后端开发人员做的事情与前端开发人员完全相反,作为该领域的程序员,您需要实现所有后台工作,例如基础设施、数据库和通信等的开发。而前端开发人员主要关注消费者所看到的内容,返回-结束人员设计和观察支持元素。

另一方面,全栈开发人员掌握了这两个专业,并且可以交叉使用他们各自的机制。

那么如何成为一名前端开发人员呢??

首先要做的是学习前端开发的三大核心语言 HTML CSS JavaScript 这些语言是网站的基础元素,你可以利用无数的在线资源来学习它们。

发展你的技能

HTML

动图

基本但不可或缺的语言超文本标记语言或 HTML 当然可以使用它来设计网页的骨架结构,它可以用于放置文本页面组件,如段落导航栏标题部分等。然而,它也是添加图像视频和其他多媒体的核心,因为它是一种非常初级的语言,必须辅以 CSS 和 JavaScript 才能发挥全部效果。

CSS

级联样式表的缩写 CSS 是形成美学前端的下一层,您基本上使用它来将颜色、字体和布局包含到您的网页中。这种语言还将使您能够在不同的设备(例如手机)上配置网站,个人计算机可以以不同但适应的样式呈现内容,尽管我们经常将它与 HTML 和 JavaScript 相提并论它可以独立工作

动图

您可以将它用于站点维护和跨网页的样式分布,提高您使用这种语言的技能的一种方法是学习它如何与 bootstrap tailwind CSS 等框架交互。

JavaScript

Web 开发三脚架的第三条腿是 JavaScript,它可以帮助您自定义您的页面,使其在视觉上比不太高级的 HTML 和 CSS 更吸引人。JavaScript 允许您插入动画图形效果动态样式不断更新地图各种其他令人兴奋的东西。在 JavaScript 中,有许多库和框架是您想要学习的,但在您被我们的可互换术语搞糊涂之前,库和框架都有许多相似之处,并且服务于一些略有不同的目的。

该库使您能够向代码添加特定功能,另一方面,框架是预先编写的代码,使您能够跳过为项目的常规区域编写代码的基本试错过程,本质上,两者不同就开发人员可以包含的内容而言。已经说过 jQuery 是一个 JavaScript 库,它使您能够将自定义元素添加到您的项目框架方面是多种工具,适用于现实中的不同情况,尽管您主要需要一些 Angular、React、Ember 和 Vue 是其中的一些构架。

创建投资组合/制作您的案例研究

创建一个投资组合也不想错过每一次推销自己的机会,一种方法是创建一个投资组合,您可以在其中展示您创建的东西以供他人批评,并从中发明新的技巧,而不是您包含的每个项目你的前端开发职业生涯的早期阶段必须是客户项目,重点是培养你的技术技能这并不意味着你应该排除开发软技能以及你在沟通和实施方面变得更好。

把自己放在那里

现在您已经走上正轨,是时候获得更多的曝光率了,您可以与志同道合的人联系,加入全球或本地社区和技术产品或设计它,帮助您了解他人并从经验中学习。我也强烈建议您按照我建议的 linkedin 或 twitter 记录您的学习。

您的学习可以通过记录您的学习以书面形式记录下来,这会增加您被招聘人员或公司看到的机会。

你还需要做什么?

练习好首先要集中练习编码,通过不断提高你的技能,你可以快速成为专业人士你投入的工作越容易熟悉它,你就越容易找到与之相关的工作,这就是保持新兴市场的必要性使您的技术保持完善和最新的技术 您可以访问大量的在线开发人员社区,在那里您可以遇到新的编码人员分享想法。

求职

既然您已经准备好案例研究就可以申请工作,您已经与业内人士交谈过我认为是时候开始创建您的作品集和简历并开始申请工作了。

在这个阶段完善你的简历,仔细检查你的案例研究和投资组合是否有任何粗心的错误,确保你所有的链接都有效,如果必须的话,求职信包括一封求职信。

资源

1. Udacity

2. Scrimba

3. MDN

4. FreeCodeCamp

5. Kevin Powell, YouTube

6. Flex Box Adventure

7. CSSBattle

8. Frontend Mentor

9. Udemy

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/149674.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java 集合练习题

SourceURL:file:///home/windstorm/Documents/JAVA/JavaCoursePractise/Java 集合练习题.docx 答案: import java.lang.reflect.Array; import java.security.cert.CollectionCertStoreParameters; import java.util.*; public class Main { public static voi…

promise和async用法及区别(详解)

一、promisepromise的概念Promise 是异步编程的一种解决方案,是一个构造函数,自身有all、reject、resolve方法,原型上有then、catch等方法。特点:对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态&…

【django】模型类中数据的增删改查操作总结

文章目录一、数据库数据操作二、创建对象三、批量创建对象方法一:for循环迭代方法二:bulk_create()四、更新对象save()默认更新所有的字段指定要更新的字段一次性更新多个对象五、查询对象1、管理器2、QuerySet3、检索全部对象a、要注意:4、过…

01 踏上python之旅

Python是一种跨平台的、开源的、免费的、解释型的高级编程语言。它具有丰富和强大的库,能够把用其他语言制作的各种模块很轻松地连接在一起。所以被称为胶水语言。 python的应用领域: Web开发大数据处理人工智能自动化运维开发云计算爬虫游戏开发 解释…

【C语言】详解#define,#ifdef,#ifndef,#elif,#undef,以及相关运算符

1.明示常量 #define 预处理指令结尾不带;(分号),在预编译的过程中使用宏的地方会进行展开,是用多少次就展开多少次,但是只替换 不计算,预处理器在发现程序中的宏后,会用宏等价的替换…

生物化学 SY002实验 最常用的酸spiric acid+阿司匹林Aspirin+从柳树皮得到水杨苷

阿司匹林已应用百年,成为医药史上三大经典药物之一。 小知识点:水杨酸的作用和阿司匹林的作用不同之处(抗凝),使用时的胃损伤等 使用历史 埃及埃伯斯纸莎草纸中关于使用白柳树叶制成的混合物治疗发炎伤口的建议。(因为柳叶和树…

软著申请你还不会?我是这样申请的

大家好,我是小悟 兄弟姐妹们,关于软著申请的话题,早前已经写过几篇文章的介绍了,包括软著的申请流程攻略和踩到被打回补正的坑,有兴趣的可以翻翻之前的文章,搜关键字【软著】就有。 私信的小伙伴来自各行…

9.Isaac教程-- Laikago 四足机器人的自主导航

Laikago 四足机器人的自主导航 开发智能机器人系统是一项多学科的工作,集成了动力学、控制、计算机视觉、人工智能等。 很难掌握所有这些领域。 即使你掌握了所有这些,也需要花费大量时间才能正确和稳健。 为了帮助机器人专家加速智能机器人的开发&…

笔试强训(12)

算法题1:计算日期到天数转换: 我们假设用例输入的是2022 1 1,那么我们对应的天数就是1天,我们就不应该在输出1月份的所有月数 public class Main {public static void main(String[] args) {Scanner scannernew Scanner(System.in);int yearscanner.next…

【uniapp小程序】上传图片

文章目录🍍前言🍋正文1、首先看官网uni.chooseImage(OBJECT) API 介绍2、案例代码演示3、效果展示🎃专栏分享:🍍前言 本篇文章我们研究一下,在移动端开发过程中经常使用到的图片上传功能。在大多数小程序或…

ArcGIS基础实验操作100例--实验68注记符号化表达

本实验专栏参考自汤国安教授《地理信息系统基础实验操作100例》一书 实验平台:ArcGIS 10.6 实验数据:请访问实验1(传送门) 高级编辑篇--实验68 注记符号化表达 目录 一、实验背景 二、实验数据 三、实验步骤 (1&am…

C语言入门(四)——分支语句

if语句 if/else语句 布尔代数 switch语句 if语句 目前我们写的简单函数中可以有多条语句,但这些语句总是从前到后顺序执行的。除了顺序执行之 外,有时候我们需要检查一个条件,然后根据检查的结果执行不同的后续代码,在C语言中可…

ResNet精读笔记(1)

introduction部分提出了几个问题 1.构建一个好的网络 ? 把层堆起来吗 哈哈 跟堆汉堡一样 这里呢 我们都知道 当网络的层数变多之后 加深了 deep了 但是 就会带来 梯度消失或者爆炸的问题 这里 实在找不到好的图 本质上因为当层数多了之后 反向传播的计算里面是…

嵌入式:万字详解通信接口设计

文章目录UART接口UART的工作原理UART的功能和组成S3C2410A的UARTUART 操作(1)数据发送(2)数据接收(3)自动流控制(4)非自动流控制(a)接收数据操作(…

【C++】模拟实现List的正向和反向迭代器(iterator、reverse_iterator)

文章目录1、搭建List的基本框架2、List中iterator和const_iterator3、反向迭代器revser_iterator1、搭建List的基本框架 STL中List容器底层是一个双向带头循环链表。 这里简单搭建一个List,下面我们不断完善。 思路: 1、List作为一个双向带头链表&…

excel函数公式:常用高频公式应用总结 下篇

公式6:根据身份证号码计算出生日期要从身份证号码中得到出生日期,这种问题对于从事人资行政岗位的小伙伴一定不陌生,公式也比较简单:TEXT(MID(A2,7,8),"0-00-00")就能得到所需结果,如图所示:要明…

vue+xlsx实现表格的导入导出:

文章目录一、vue前端使用xlsx和 xlsx-style 导出excel,并修改样式:1、改造后效果:2、实现:3、引入库xlsx-style4、excelUtil.js文件二、前端xlsx插件怎么设置导出的excel列宽自适应?2-1、效果2-2、效果三、xlsx插件,导…

Java语法六:线程安全以及死锁

前言: 接下来我们要了解一下,线程安全的集合类有哪些?什么是死锁以及怎么避免死锁问题。 1.多线程环境使用哈希表 1.1:HashTable 只是简单的把关键方法加上synchronized关键字。 public synchronized V put(K key, V value) p…

(1分钟速览)最近邻搜索--激光SLAM常用必杀技

学习kdtree的数据结构,和二叉树的思想大体上算是比较相似的。参考博客:https://blog.csdn.net/dive_shallow/article/details/113136145建树,一个递归的操作。这里的删除操作很好理解,分左子树和右子树两种情况。如果是左子树那么…

Go语言设计与实现 -- 内存对齐机制

什么是内存对齐 为了能让CPU可以更快的存取到各个字段,Go编译器会帮你把struct结构体做数据的对齐。所谓的数据对齐,是指内存地址是所存储数据的大小(按字节为单位)的整数倍,以便CU可以一次将该数据从内存中读取出来。…