分享一次通过C1见习工程师的经历

我想养只猫 •͓͡•ʔ

已于 2022-04-13 11:27:03 修改

阅读量1.5w

点赞数 35

分类专栏：前端开发 # 计算机网络计算机基础文章标签： csdn web开发程序人生 javascript 前端

于 2022-01-24 17:55:35 首次发布

本文为博主原创文章，遵循【CC BY-NC-ND 4.0】版权协议，转载请附上原文出处链接和作者及本声明。

本文链接：https://blog.youkuaiyun.com/qq_41103843/article/details/122516170

版权

前端开发同时被 3 个专栏收录

35 篇文章

订阅专栏

计算机基础

9 篇文章

订阅专栏

计算机网络

4 篇文章

订阅专栏

🚩 一、起因

暑假在家无聊，刷刷优快云来提升下自己，然后在发现优快云在导航栏居然还有认证的地方
在这里插入图片描述
然后好奇心就驱使我进来了

然后还发现了技能大赛，好像是要通过C1才能参加
在这里插入图片描述
好家伙，藏的这么深，反正闲着也是闲着，冲了~ 之后我就愉快的报名了

在这里插入图片描述

C1也便宜，看起来考的内容也不错，如果通过的话下学期还能加学分，不考白不考

✈️ 二、经过

⌛ 1、开始准备

报名之后发现工作人员超好，各种问题都给我解决，十分耐心！！！
在这里插入图片描述

我是17号报的名，22号考试，所以时间比较紧，还好学习资料比较好，老师也很耐心，然后就开始备考了

C1的内容是这些
在这里插入图片描述

说实话这些内容我还是蛮有自信的，毕竟有接触过，但真正学起来的时候心里还是比较慌，因为在考试的时候是能不依靠文档和谷歌的，会就是会，不会就是不会，一下子就把我这个面向谷歌编程的爱好者整emo了

📕 2、学习过程

因为本身感觉Web开发相关的基础不错，所以就打算先把计算机基础知识搞熟悉，打算从0开始好好重新学，报都报名肯定就要好好准备，毕竟这次打算的是一次通过。

我准备的学习计划是从计算机通识知识开始，先把通信协议、信息编码、计算机网络、数据结构与算法做一遍整体的快速复习，之后结合老师给的题目查缺补漏，然后就把整体的 HTML -> CSS -> JavaScript 体系查缺补漏，例如DOM操作有没有知识点漏了？CSS伪类选择器都明白什么意思吗？BOM和DOM的区别？HTML里的标签都熟悉了吗？

根据以上自己的计划，结合直播内容一起学习

在这里插入图片描述

那么我大致的一个学习流程如下：

想到什么写什么，知识点不一定全！

1、计算机通识

进制转换
信息单位
多媒体
通信协议
网络模型
ip协议
网络拓扑
数据结构与算法

2、Web基础

HTML基础标签
HTML5语义化
表单
CSS基础、伪类、伪元素选择器
CSS常用样式
块级、行内元素
CSS优先级
盒子模型
定位与浮点

3、JavaScript

命名、变量等基础
类型转换
循环与判断语句
一些常见的内置对象例如Math等
内置方法例如数组方法、字符串方法、json等
面对对象编程

4、Web进阶

Dom节点、样式等操作
事件监听
窗口事件
Bom对象
定时器

🖥️ 3、练习过程

只有学习当然不过，老话说得好，熟能生巧，得多练习

练习题是老师提供的，我觉得还是很不错的，有很多内容不练习其实真不知道自己哪里有问题

和大家分享我认为很有帮助的几道类似的题目，大家也可以自己实现下

第一道：div实际宽度

代码如下：

div {
    box-sizing: border-box;
    width: 100px;
    height: 500px;
    padding: 5px;
    margin: 10px;
}

请问最终div的实际宽度是多少?

答案是100px，为什么呢？
这就涉及到了内外边距、标准盒模型与怪异盒模型的知识点
在这里面怪异盒模型的实际大小 = 盒子设置的width、height，宽高已经包含了border和padding

第二道：函数定义与调用

代码如下：

var obj = {
    name: '小明',
    friends: ['张三', '李四'],
    hobby: ['篮球', '足球', '游泳', '看书'],
    age: 23
}

obj.getNewFriend('王五')

console.log(obj.friends[2])

预期输出：王五

请你到obj对象里补充方法，实现以上功能

你可以这样补全

 var obj = {
    name: '小明',
    friends: ['张三', '李四'],
    hobby: ['篮球', '足球', '游泳', '看书'],
    age: 23,
    getNewFriend: function (newFriend) {
        this.friends.push(newFriend)
    } 
 }