当前位置: 首页 > 科技观察

精通编程:挑战自我,解决一系列前端问题

时间:2023-03-18 12:09:48 科技观察

听说过一万小时法则吗?这意味着要成为某事的大师,您必须练习10,000小时。虽然并不适用于所有领域,但作为开发人员成长的最有效方法之一至少是投入尽可能多的时间。从下面的列表中选择一个项目并开始编码!使用哪种技术或工具并不重要,只要您能亲手完成一个项目即可。JiraCloneJira是Atlassian开发的专利问题跟踪产品,提供错误跟踪和灵活的项目管理服务。产品名称来源于Gojira,在日语中是哥斯拉的意思。吉拉|来源:GitHub构建Jira克隆,您将了解以下内容:拖放(DND)API如何在浏览器中工作:每个Jira看板都有一个看板集合,您可以在其中根据任务??的进度拖放任务。如何安排用户角色和访问逻辑:每个板都有关联的成员,他们可能具有不同的访问级别。例如,项目经理可能具有读取、写入和编辑权限,而客户可能只有读取权限。客户可以看到正在进行的工作和已经完成的工作,但他们无法更改团队当前正在做的事情。HTML和CSS:从句法上构建应用程序的设计风格是一项任何人都可以掌握的实用技能。使用Emoji表情的Discord聊天Discord是与朋友闲逛或玩视频游戏时一种有趣的联系方式,它侧重于聊天频道中用户之间的文本、图像、视频和音频通信。每个Discord频道都有可供用户选择的表情符号,您的任务是构建包含表情符号的聊天部分。如果需要,您可以构建一个完整的Discord克隆。构建Discord聊天克隆,您将学习:如何使用websockets进行聊天。每个现代网络聊天应用程序都以某种方式使用WebSockets。WebSocket是一种计算机通信协议,可通过TCP连接提供全双工通信通道。简而言之,服务器和前端客户端是同步的。如何使用Electron构建跨平台桌面应用程序,当前版本的Discord是使用Electron构建的。Beatbox应用程序Beatbox应用程序会根据您当前按下的琴键播放不同的声音,您只需使用键盘即可播放一段音乐。来源:GitHub构建Beatbox应用程序,您将了解到:为了激活声音,您需要熟悉WebAudioAPI的工作原理。使用JavaScript键盘。必须弄清楚按下了什么键并播放正确的曲调。Mozilla开发者文档:“WebAudio提供了一个强大而通用的系统来控制Web上的音频,允许开发者选择音频源、为音频添加效果、创建音频可视化、应用空间效果(例如运动)等等。”Spotify录音区您可以在Spotify上播放和上传歌曲。Spotify有一个部分,您可以在其中按专辑浏览音乐和艺术家。下面是我最喜欢的专辑之一。Metallica(1991)专辑构建一个Spotify克隆,您将学习:如何通过API获取数据并显示相关艺术家的正确专辑。幸运的是,Spotify有一个免费的API:https://developer.spotify.com/documentation/web-api/可以将应用程序构建为Web或桌面应用程序。两个应用程序都需要知道如何在页面上布置元素并适当地设置它们的样式。AmazonCloneAmazon最初是一家销售书籍的小型电子商务网站,现在已成为电子商务领域的巨头。从头开始,慢慢来,模仿它的每一个特征以便学习。不要试图复制亚马逊的商业模式,而是尝试构建类似的网络体验以供学习之用。亚马逊的核心是一个大型数据库,当进行搜索时,它会从中返回正确的条目。当然,亚马逊远不止于此,但这是一个非常简单的例子。AmazonClone:GithubBuildAmazonClone,您将学习:设置MySQL或PostgreSQL,学习在数据库中存储条目。条目需要存储在数据库中,然后从中查询条目。支持搜索功能。用户登录你的网站,搜索商品,你需要提供相应的内容。你打算做什么HTML和CSS。每个网站都使用两种技术,无论是针对初学者的简单项目,还是像Netflix或亚马逊这样非常复杂的网站。这是我在GitHub上找到的一个简单的Amazon克隆:https://github.com/CleverProgrammers/react-challenge-amazon-clone?ref=HackerTabExtensionNetflixCloneNetflix是观看电视剧、电影和纪录片的热门选择,RevolutionizeIt改变了我们看电视的方式,可以随时随地在任何设备上观看。Netflix主页|资料来源:Netflix构建Netflix克隆,您将学习:使用HTML和CSS。可选:如何通过API搜索电影和电视节目。AudioVideoAPI:Netflix的核心是流媒体服务,每个流媒体服务都以某种方式包含视频或音频。Twitter克隆Twitter是一个流行的讨论平台。从政治到音乐再到编程,上面有很多小众社区,很多人喜欢用Twitter和他们的粉丝互动。作者的Twitter简介|来源:Twitter构建一个Twitter克隆,您将了解到:HTML和CSS用于与布局相关的部分。在数据库中存储推文:设置关系(MySQL)或非关系(MongoDB)数据库。角色管理逻辑:每个用户有一个文件,只有他可以编辑,其他人可以查看。希望您已经为您的下一个项目找到一些灵感,让我们开始吧!