如何才能学好web程序设计？
说说我个人的经历吧，我本职业是web开发程序员，我觉得学好web程序设计最重要的一点就是能够沉得下心来敲代码。熟能生巧，首先可能web程序设计在如今可能划分得比较细了，可分为前端开发和后端开发，前端主要给用户展示的web页面主要学习的知识点是html/js/css以及扩展出来的一些流行的框架react/vue/angular,如果你学前端的话，这些框架至少熟悉一种，在学习过程中学会使用baidu和Chrome 来搜索自己疑惑的东西，可以去 或者 上面找一些优秀的开源项目来练手。学会更好的寻找资源和学习资源的内容则是学好web程序设计的第二个好的方法。当然咯，一定要对web设计感兴趣，兴趣才是学好一门技术的好途径。队医后端开发而言选择也很多了比如java/python/php等等，我觉得学好web程序就是得不断动手去敲代码，有时候你敲着敲着就会了。以上便是我的小小观点，希望采纳，谢谢。
HTML/CSS/JS三剑客是必须扎实熟练的，可以去模板网之类的下载一些网站模板，自己动手切图还原成网页。还有以后上网的时候多留点心，看到一个网站一个效果写的特别棒，果断F12看一下源码，前端的代码基本都是可以看到的，慢慢看得多了，自然很多效果就心中有数了。推荐一下优就业网课，讲解的比较清楚
没事多逛逛前端技术网站论坛之类，不要过度依赖BOOTSTROP/JQ。另外自己动手的时候不要随便忽略IE6下兼容问题，虽然他一定会让你感觉到头疼，但是工作以后真的会用到，尤其是一个前端工程师。
这些做到了，如果还要专注前端不准备接触后端，可以继续学习H5/CSS3，对常用的插件框架有一定自己的理解，这时候你已经可以关注页面的效率问题了，不能只关注能否实现效果了，JS怎么写效率更高，哪些CSS样式的复用能够使样式文件更小、修改更方便。
如何一面学js，一面巩固之前所学的HTML和CSS的知识？
这个问题还是比较又经验的，大概五年以前自己就自学了这一块东西，后来还接过几个小项目，虽然有好几年没有碰过了，但是大体思路还是一样的。
简单的说你要明白这三个东西是做什么的，他们是如何相辅相成，然后运用到实际操作中的。
个人认为顺序如下
1.HTML
2.CSS
3JS
我们先说第一个HTML，超文本标记语言，现在大家都用的HTML5，希望题主学习的是HTML5，这种高级语言学新的要好一些，HTML作用是搭建网页的基础，再把几个重要的东西，比如文本标签，文本输入框，图片，超链接，表格等模块搞清楚，并能灵活运用。
建议可以从HTML参考手册入手，等了解一定程度之后，就可以去各个地方找相应的网页学习，比如ZenGarden之类的学习别人的写法，主要是学习别人是怎么样构架一个网页的，这方面的博客，视频讲解也非常多。
CSS，简单说就是为网页添加样式的，比如这个需要个渐变啦，那里需要弄个线条啦，建议最好就是找各种教程，然后跟着做，你在写样式的同事肯定也要搭建相关的HTML框架，这样也就复习巩固了之前的知识。在框架之外还有很多优秀的CSS展示网站，不要犹豫，上去就是一顿学
这里找了几个不错又炫酷的项目
codepen.io/P1N2O/pen/pyBNzX
codepen.io/kowlor/pen/ZYYQoy
题主也可以自己找自己觉得合适自己的项目来练手，多做多想
Js最后，JS就是用来为我们都页面添加交互逻辑的，同时也是一个挺好玩的脚本语言，题主需要认真学习语法，从变量，逻辑控制，循环，方法，模块这样先有一个完整的知识构架，之后就可以把自己之前做的炫酷网页加以改造，而且因为你写JS实际上也是作用于网页的，所以你也可以保持自己对知识的熟悉。JS我记得当年看过一本《javascript Dom》不知道现在还流行不，可以去找来看看。
最后学习编程重要的是多做多想，多去拜读一些各种文章，多逛一逛相关社区，了解新的技术，希望题主以后能越来越厉害。