聊聊如何高效的学习开发

简介: 聊聊如何高效的学习开发

首先简单阐述一下,在读这篇文章之前,你需要知道的是

1.这是我迄今为止自己的学习方案,并不代表适合所有文

2.可能存在错误,欢迎指正。

那么ok,先来聊聊怎么学习

1.前言这里

首先要知道的就是,你需要对你所学习的东西感兴趣,而不是为了应付。

就好像我的专业是电商,但是我并不喜欢,单纯为了应付,所以我对电商的概括就是 开网店

所有的东西的学习都是需要感兴趣,才是最重要的一点,如果你对某一样技能不感兴趣

但是又好奇的想学,那么你就会出现很多很多很多的,就例如我之前对前端这一块不感兴趣的时候

在网上找的教学视频借口就多了,例如这个老师声音不行,例如讲的太枯燥,例如我不会英语。

2.学习方法和路线

就从我自己感兴趣的前端开始

先讲讲前端路线

第一步

那么你先要学会的是html5 html5的标签大概有几百个,但是常用的标签很少很少,真的很少,

就例如我常用的:div button input a img 其他标签用的都很少,

那么问题来了,学会这几个就行吗?

不行,你需要对其他的标签有一个了解,不然你都不知道有什么作用,记不记得住,无所谓,野生开发者像我,面向搜索引擎CV编程

第二步 CSS

CSS我个人理解,最为重要的是布局其次就是定位,布局很重要 flex布局真的算是重点了,值得反复学习,其余的常用的就是 宽 和高 颜色 字体大小这一类,然后在深入探究学习其他的属性,难吗?不难!

第三步那就是非常枯燥的JavaScript

他确实枯燥,我看了200多集视频学DOM基础。

需要英语水平高吗?理论上来讲,如果你的英语能力强的话,学习这个会比较轻松!

如果你能坚持看完JavaScript基础,那么其实到最后,你敲代码会很有意思,讲究的是逻辑性!

第四步习jQuery

这是一个JavaScript的库

学习它之前,你需要学习JavaScript的基础语法和规范。

学习完了jQuery你就会知道,原来写JavaScript代码也能这么优美~

然后 可以学习1-2个css框架

这边推荐两个。一个是MDUI 和 TailwindCSS

可以先学习MDUi 再去学习TailwindCSS 就可以发现两者的区别

后面再去学习Javascript框架,例如对中文友好的Vue(很强大)

路线讲完了,那么讲讲怎么学习吧

我先说说我用什么工具:

Vscode 插件多 代码提示很强大,对中文友好

其他暂不细讲

如何学习?

我个人推荐是:

哔哩哔哩 看教程视频,不要乱看

最好是几百集起步的那种。因为能帮你从浅到深!

这边推荐UP主「黑马前端(原来叫黑马程序员pink老师,因为太火了私号公用了)」

看文档!!看文档!!看文档!!

文档永远都是最重要的!W3C的文档的标准,规范,写的都非常清楚!

不论是CSS的文档还是Javascript的文档

做笔记,这边可不是说单纯截图放到备忘录里

我个人的建议的 买个笔记本 厚点的,买两支笔

不懂就抄写来

然后就是买书,其实前端来讲,买书的很少,建议学习后端例如PHP的时候买(我买了)

然后就重要的就是 思路/原理/逻辑

举例:

例如JavaScript的例子 点击 按钮 把 “你好” 显示在屏幕上

我们先用原生代码写一下:

<button>点我</button>
    <p></p>
    <script>
        var btn = document.querySelector('button');
        var p = document.querySelector('p');
        btn.addEventListener('click',function(){
            p.innerText = '你好';
        })
    </script>

JavaScript

复制

看不懂吧?

没关系,我们用中文来讲

button。也就是按钮

p 一个标签

JavaScript部分

定义 btn 为 获取到的button 按钮元素

定义 p 为获取到的 P 元素

事件处理 当 btn 被点击的时候 触发事件 p.text值 变为 你好

很简单,逻辑很重要!可以拿着这些代码去试试。

思路 逻辑 原理 都有了,结合所学习的知识,就能做出来!

跟天赋有关系吗?借口罢了

跟会英文有关系吗?借口罢了

跟时间有关系吗?挤挤总会有的,借口罢了

没电脑可以学吗?也不是不可以吧。。。。

只要觉得这玩意对你有兴趣,学就行了

然后还有的就是,千万别光看不做

云学习 大可不必了

聊聊我 我没学习一个新标签 都会自己跟着做一下

每学习一个新css属性 都会自己跟着做一下

每学习一个新的JavaScript语法,都会跟着做

例如我发的几个演示

然后就是总结

学完html 那么你就用纯html 做个小demo出来

学完css。那就用 html + css 做个demo出来

学完JavaScript 就三者结合做出一个项目

相关文章
|
16天前
|
关系型数据库 API 数据库
后端开发的艺术:从零到一构建高效服务器
在数字化时代,后端开发是支撑现代互联网应用的基石。本文旨在探讨后端开发的核心概念、关键技术以及如何构建一个高效的服务器。我们将从基础的编程语言选择开始,逐步深入到数据库设计、API开发和性能优化等关键领域。通过实际案例分析,我们将揭示后端开发的复杂性和挑战性,同时提供实用的解决方案和最佳实践。无论你是初学者还是有经验的开发者,这篇文章都将为你提供宝贵的见解和启发。
|
5月前
|
缓存 JSON JavaScript
后端开发的艺术:构建高效、可扩展的应用程序
【6月更文挑战第4天】本文将深入探讨后端开发的精髓,从选择合适的技术栈到优化性能,再到确保安全性和可维护性。我们将通过一个实际的项目案例,展示如何将这些理论应用到实践中,以构建一个高效、可扩展且易于维护的后端系统。
|
1月前
|
数据采集 存储 XML
构建高效的Python爬虫系统
【9月更文挑战第30天】在数据驱动的时代,掌握如何快速高效地获取网络信息变得至关重要。本文将引导读者了解如何构建一个高效的Python爬虫系统,从基础概念出发,逐步深入到高级技巧和最佳实践。我们将探索如何使用Python的强大库如BeautifulSoup和Scrapy,以及如何应对反爬措施和提升爬取效率的策略。无论你是初学者还是有经验的开发者,这篇文章都将为你提供宝贵的知识和技能,帮助你在信息收集的海洋中航行得更远、更深。
46 6
|
3月前
|
存储 缓存 数据库
后端开发的艺术:打造高效、稳定的服务架构
【8月更文挑战第12天】 在数字化浪潮中,后端开发如同搭建一座桥梁,连接用户与数据的无限可能。本文将带你领略后端开发的精髓,从基础的数据库设计到复杂的系统架构,我们将一步步探索如何构建一个既高效又稳定的后端服务。正如甘地所言,“你必须成为你希望在世界上看到的改变”,在后端的世界里,我们正是那些创造改变的人。让我们开始这段技术之旅,发现后端开发的真正魅力所在。
64 5
|
4月前
|
数据采集 开发工具 Android开发
构建高效移动应用:从开发到部署的全面指南构建高效Python爬虫的实战指南
【7月更文挑战第31天】在数字时代,移动应用已成为我们日常生活和工作不可或缺的一部分。本文将引导读者穿越移动应用开发的迷宫,探索如何从零开始构建一个高效的移动应用。我们将深入讨论移动操作系统的选择、开发工具的应用、以及实际编码过程中的最佳实践。通过本文,你不仅能够获得理论知识,还将通过代码示例加深理解,最终能够独立完成一个移动应用的构建和部署。
64 2
|
5月前
|
存储 算法 安全
用C++打造极致高效的框架:技术探索与实践
本文探讨了如何使用C++构建高性能框架。C++凭借其高性能、灵活性和跨平台性成为框架开发的理想选择。关键技术和实践包括:内存管理优化(如智能指针和自定义内存池)、并发编程(利用C++的并发工具)、模板与泛型编程以提高代码复用性,以及性能分析和优化。在实践中,应注意代码简洁性、遵循最佳实践、错误处理和充分测试。随着技术发展,不断提升对框架性能的要求,持续学习是提升C++框架开发能力的关键。
111 1
|
6月前
|
前端开发 开发工具 git
构建高效的前端开发环境
【2月更文挑战第2天】本文介绍了如何构建一个高效的前端开发环境,包括选择合适的开发工具、优化代码编辑和调试流程、提高团队协作效率等方面。通过采用最新的前端技术和工具,开发人员可以更快速地构建出高质量的网站和应用程序。
106 1
|
6月前
|
人工智能 监控 Windows
推荐5个高效工具,希望对你有帮助
每次发现实用的小工具,都会有种小小的成就感,这也是我喜欢收集和分享高效工具的原因。
92 0
|
6月前
|
Unix Linux Shell
分享5款简单而高效的小工具
在这个繁忙的时代,简单而高效的工具成为生活和工作中的宝贵助手。以下是五款小巧而实用的小工具,或许正是你所需的生活小搭档。
75 0
|
12月前
|
机器学习/深度学习 人工智能 JavaScript
简单又好用得高效工具分享
简单又好用得高效工具分享