Học viện mã hóa cheatsheet java
Điện thoại thông minh và dữ liệu di động vẫn chưa xuất hiện. Khi làm một trang web, bạn chỉ cần suy nghĩ về cách chúng hiển thị trên máy tính như thế nào Show
Nhưng hiện nay theo thống kê của Statcount. com, số lượng người sử dụng điện thoại của họ để duyệt web đã nhiều hơn số lượng sử dụng máy tính Vì vậy, chúng ta cần đảm bảo các trang web hoạt động và nhìn ổn định trên tất cả mọi thiết bị từ màn hình lớn nhất cho đến những chiếc điện thoại nhỏ nhất Tính năng gọi này là thiết kế đáp ứng. Nó có tên như vậy bởi vì các thiết kế có thể "biến" trên mọi loại thiết bị hiển thị Bạn có thể kiểm tra một trang web có phản hồi hay không bằng cách thay đổi độ rộng của cửa sổ duyệt để xem thiết kế hiển thị như thế nào Xây dựng một trang web có thể đáp ứng cần chuẩn bị từ bước lên kế hoạch trong khâu thiết kế. Bạn phải cân nhắc mọi thứ được hiển thị như thế nào trên tất cả các thiết bị. Tới khâu thiết lập chương trình, bạn phải sử dụng truy vấn phương tiện (chính là @media) để điều khiển các thuộc tính CSS được sử dụng như thế nào tùy thuộc vào độ rộng của công cụ có thể Các khung có thể giúp bạn xây dựng các trang web đáp ứng nhanh hơn Bạn có thể tưởng tượng việc viết code CSS cho một trang web responsive mệt mỏi thế nào Nếu bạn không thể dành nhiều thời gian cho nó, hãy sử dụng một khung hỗ trợ đáp ứng như Bootstrap hay Zurb Foundation Sức mạnh của các framework này là nó đã hỗ trợ sẵn các tùy biến mã CSS và Javascript. Các thành phần như tiêu đề và nút đã được viết các đoạn mã tùy biến phù hợp. Chúng cũng đi kèm với các thành phần Javascript khác như cửa sổ bật lên dạng phương thức và thanh điều hướng Việc sử dụng các công nghệ chắc chắn sẽ giúp bạn xây dựng trang web dễ dàng hơn. Điều duy nhất bạn cần lưu ý là không nên phụ thuộc quá nhiều vào các framework Tài liệu tham khảo
Sass sẽ giúp bạn tiết kiệm thời gian và năng lượng khi viết CSSMột khi đã quen với CSS, tôi khuyên bạn nên học Sass vì nó rất tuyệt. Sass là viết tắt của "Syntactally Awesome Style Sheets" và được miêu tả trên trang chủ của nó là "phần mở rộng của CSS". Nó giúp việc viết CSS dễ dàng hơn, linh hoạt hơn và nhanh hơn Đừng hiểu lầm tôi, CSS vẫn rất tốt. Nhưng khi bắt đầu làm, bạn sẽ nhận ra công việc viết CSS thật mệt mỏi thế nào. Và nếu bạn không siêu cẩn thận trong cách tổ chức các dòng mã CSS, đoạn mã của bạn sẽ trở nên rối như mới bòng bong Sass giúp bạn kiểm tra mã tốt hơn, nhiều sức mạnh hơn Dưới đây là một vài ví dụ chứng minh Sass sẽ giúp cuộc sống của bạn dễ dàng hơn nhiều
Tóm lại, sử dụng Sass sẽ giúp bạn tiết kiệm thời gian tiết kiệm thời gian và giảm bớt sự khó chịu. Please learn how to use it Tài liệu tham khảo
Lưu ý. Vì các trình duyệt web không thể đọc được tệp Sass, bạn phải biên dịch lại các tệp này về CSS. Để làm được điều đó, bạn phải sử dụng cái gọi là công cụ xây dựng và chạy nó trên máy tính của bạn. Vì vậy, hãy tiếp tục với phần tiếp theo có chủ đề là công cụ xây dựng Build tools là gì?Chắc chắn bạn đã nghe tới một vài cụm từ sau. npm, Webpack, Grunt, Gulp, Bower, Yarn,. vân vân và mây Các công cụ này thường được nhắc đến với các tên như công cụ xây dựng, trình chạy tác vụ, trình quản lý tác vụ, nói nôm na là " Hiện tại tôi phải cài đặt thứ gì ở đây?. " ông cụ giúp bạn làm những công việc mệt mỏi Các công cụ xây dựng như Grunt, Gulp hay Webpack thường được sử dụng để thực hiện các công việc sau
Bạn hoàn toàn có thể tự làm các công việc trên. Nhưng công việc phải đi làm lại những thứ đó khi bạn chỉ tạo ra một thay đổi nhỏ trong tệp CSS hay Javascript có thể khiến bạn phát điên Tôi nên sử dụng công cụ xây dựng nào?Thời điểm hiện tại Webpack đảo ngược toàn bộ các công cụ xây dựng khác, nhưng Grunt và Gulp vẫn được sử dụng. Tôi chắc chắn sẽ học Webpack, nhưng học thêm Grunt hay Gulp cũng là lựa chọn không tồi (Gulp nhanh hơn và việc chạy nó cũng dễ dàng hơn) Một số công cụ để cài đặt thêm các gói gói cho bạnĐể thực hiện các tác vụ trên, bạn thường phải tải xuống gói và cài đặt các gói hoặc gói hỗ trợ Đó là lý do bạn phải sử dụng các công cụ như npm (Node Package Manager), Bower, hay Yarn. Đây là những công cụ cho phép bạn cài đặt các gói trên máy tính chỉ bằng cách nhập các dòng lệnh trong dòng lệnh cửa sổ. Hiểu đơn giản thì chúng là những công cụ giúp bạn tải về các công cụ khác Bạn nên tìm hiểu cách sử dụng npm vì nó là gói quản lý chiếm hữu thị phần hiện tại. Bower cũng là một trong những gói công cụ quản lý đầu tiên, nhưng nó đã được định thức chính thức để thay thế - nhà sáng lập Bower. io khuyến phục mọi người sử dụng Yarn. Sợi là công cụ có nhiều điểm tương đồng với npm được tạo bởi Google, Faceboook và một số thành viên khác hứa hẹn sẽ sửa chữa các vấn đề mà npm gặp phải. Mặc dù số lượng người sử dụng Yarn vẫn còn ít nhưng tôi khuyên bạn nên thử vì nó đang trở nên phổ biến Tài liệu tham khảo
Mọi người đều yêu thích các framework của JavascriptYou can have to got to some frameworks of Javascript, các thư viện, bộ công cụ,. Tất cả đều có cái tên kết thúc bằng ". JS". Trước tiên hãy cùng xem lại định nghĩa một framework của Javascript là cái gì đã Tùy thuộc vào người mà bạn nói chuyện cùng, các khái niệm khung, thư việc, bộ công cụ có thể giống nhau (điều này vẫn đang gây tranh cãi). Nhưng chung chung chúng đều là những công cụ cần thiết để hỗ trợ bạn trong công việc xây dựng một trang web Framework là một cấu trúc được xây dựng sẵn để bạn có thể phát triển ứng dụng của mình Nói đơn giản framework là một hệ thống được tạo bởi người khác, bạn chỉ việc sử dụng chúng. Để sử dụng framework, bạn phải cài đặt nó trên trang web của bạn. Sau đó dựa vào cấu trúc có sẵn của mình, bạn thắt thêm những thứ bạn tự xây dựng nên để xây dựng ứng dụng/website của mình. Sử dụng khung giống như việc mua một căn nhà có đầy đủ cấu trúc từ nền, khung, mái nhà vậy, nhưng căn nhà đó vẫn chưa hoàn thiện. Bạn cần thêm điện, nước, xây dựng cabin, sơn tường và trang trí Một vài framework front-end dictionary của Javascript là React, Vue và Angular Thư viện là tập hợp các công cụ được thiết kế sẵn để bạn thêm vào cấu trúc của mình Thư viện là tập hợp các thành phần riêng lẻ mà bạn có thể lấy ra và bổ sung vào hệ thống của mình Đây là sự khác biệt giữa cơ bản của framework và thư viện. framework là một cấu trúc được xây dựng sẵn, còn thư viện bản thân nó không phải là một cấu trúc. Thư viện chỉ cung cấp thêm các chức năng mà bạn có thể thêm vào hệ thống của mình Để tiếp tục xây dựng một căn nhà, bạn có thể xem thư viện như những dụng cụ bạn mua để đưa vào nhà như bếp, vòi tắm, điều hòa,. Bạn cần phải cài đặt chúng trong căn nhà để hoạt động Một ví dụ của thư viện là jQuery. jQuery là một thư viện Javascript mà bản thân nó không có cấu trúc, nhưng lại chứa 300 hàm khác nhau mà bạn có thể sử dụng Nhớ lại một lần nữa, những định nghĩa về thư viện và khuôn khổ trên không phải là tất cả mọi người nhất trí bản thân React và jQuery là các thư viện, còn Angular và Vue là các framework Ba ông lớn trong Javascript framework. Góc, Phản ứng, VueNăm 2010 có sự bùng nổ của các framework kết thúc bằng ". js", gần như mỗi tháng đều có một khung mới Tuy nhiên, khi tiến gần đến năm 2020, chúng ta chỉ còn lại ba kẻ chiến thắng là Angular, React và Vue Javascript framework bắt đầu như một xu hướng sớm nổi nhanh chóng tàn lụi, nhưng tới nay nó vẫn tồn tại vững chắc Angular, React, Vue đều đang phát triển và bản thân Javascript đang ngày càng phổ biến. Javascript current is trong 5 năm gần đây theo bảng kê hàng năm của Stack Overflow. Stack Overflow đã bố trí các xu hướng công nghệ dựa trên số lượng câu hỏi hàng tháng. Có thể thấy Angular sử dụng nhiều tỷ lệ nhất. Cả Angular và React đều phát triển đều đặn mỗi năm Bảng khảo sát các giai đoạn của Javascript cho thấy React có số lượng lập trình viên sử dụng và được yêu thích nhiều nhất, theo sau là Angular. Angular dường như không còn thú vị và được nhiều người muốn tái sử dụng nữa. Vue có số lượng người sử dụng ít hơn, nhưng lại dẫn đầu trong công nghệ lập trình viên muốn thử trong tương lai nhiều nhất. Có thể đoán trước Vue sẽ là một tay chơi lớn trong vài năm tới. Tuy nhiên, tôi nghĩ rằng bộ ba này vẫn sẽ tồn tại chắc chắn trong tương lai, ít nhất là trong vài năm tới TL,DR. framework nào tôi nên sử dụng?Tùy thuộc vào bạn. Nếu bạn đang tìm kiếm một công việc lập trình web toàn thời gian, tôi khuyên bạn nên xem danh sách các công việc tại địa phương để tìm hiểu khung nào được nhắc đến nhiều nhất. Nếu bạn mới bắt đầu học mà chưa có mục tiêu cụ thể, thì Vue là một khởi động tốt. Nó rất nhẹ và có các hướng dẫn ghi chép khá tốt. Tuy nhiên, cá nhân tôi sẽ không chỉ học mỗi Vue. Bạn nên học thêm React hoặc Angular, phụ thuộc vào sở thích cá nhân của bạn Tài liệu tham khảo
Quay trở lại với back-end nàoNgôn ngữ nào tôi nên học đầu tiên? Có hàng ngàn ngôn ngữ back-end. Một vài ngôn ngữ đã tồn tại lâu đời, một vài ngôn ngữ khác mới chỉ ra đời gần đây. Điều này khiến việc lựa chọn ngôn ngữ để bắt đầu khá khó khăn. Tôi sẽ đề xuất một vài nguyên tắc có thể giúp bạn đưa ra lựa chọn tốt hơn
Điều quan trọng ban cần phải nhớ đó là bạn không cần phải học hết TẤT CẢ các ngôn ngữ Nếu bạn là người mới bắt đầu, tôi khuyên bạn nên tập trung vào một ngôn ngữ trước đó. Tất cả các ngôn ngữ lập trình đều có một vài điểm chung Ví dụ bạn đều có thể viết các vòng lặp "for" trong Javascript, PHP, C# và Python. Một khi bạn đã làm quen với các nguyên tắc cơ bản của chương trình, việc chuyển đổi qua lại giữa các ngôn ngữ sẽ trở nên dễ dàng hơn. Tôi hi vọng sau khi biết điều này sẽ giúp bạn cảm thấy thoải mái hơn trong việc lựa chọn ngôn ngữ khi học Cùng xem qua một vài ngôn ngữ back-end phổ biến nào Java Java là một ngôn ngữ ổn định được sử dụng rộng rãi và tồn tại khá lâu đời. Nó nằm trong bảng xếp hạng TIOBE hàng đầu từ năm 2001 (TIOBE là bảng xếp hạng những ngôn ngữ lập trình dựa trên số lượng tìm kiếm) Ngoài ra Java còn xếp hạng vị trí thứ ba trong trên Stack Overflow và có số lượng câu hỏi nhiều thứ hai trên trang web này Rất nhiều công ty công nghệ đã sử dụng Java cho trang web của họ. Google, Youtube, Facebook, Amazon, Twitter và nhiều trang web khác. Lý do chính là Java rất nhanh và có thể xử lý tốt khi mở rộng quy mô trang web. Nó cũng là một ngôn ngữ dễ bảo trì. Lệnh cấm Twitter bắt đầu được viết bằng Ruby on Rails nhưng đến năm 2015 họ đã chuyển sang Scala để có thể mở rộng quy mô (Scala là ngôn ngữ chạy trên Máy ảo Java) C# (C Sharp) C# do Microsoft tạo ra và được coi là đối thủ của Java. Có thể thấy thời đại hoàng kim của C# là năm 2009 trên bảng xếp hạng xu hướng của Stack Overflow nhưng đến nay nó lại đang giảm dần Nhưng tôi không cho rằng C# sẽ biến mất. Nó là ngôn ngữ hướng đối tượng mạnh mẽ, có số lượng thẻ nhiều thứ ba trên bảng xếp hạng các thẻ của Stack Overflow. Nó cũng nằm thứ ba trong bảng xếp hạng các ngôn ngữ cần nhiều nguồn nhân lực tháng 12 năm 2017 C# được sử dụng rộng rãi trong các ứng dụng như ứng dụng trên Windows hoặc trình điều khiển Android. Nó cũng được sử dụng nhiều trong trình thiết lập trò chơi bằng Unity. Nếu bạn thích thú với việc lập trình Android hay trò chơi, C# là một lựa chọn không tồi Nút. js Javascript đang là ngôn ngữ được sử dụng nhiều nhất theo báo cáo của Stack Overflow trong 5 năm qua. Một phần nguyên do của điều này cũng từ NodeJS, một công nghệ chiếm lĩnh top đầu trong các framework, thư viện được sử dụng nhiều nhất trong năm 2017 Bản thân NodeJS được mô tả là "Javascript runtime", đơn giản nó là Javascript chạy phía sau Ban đầu nó được sử dụng như một giải pháp hiệu quả hơn máy chủ Apache. Kể từ khi được ra đời vào năm 2009, Node. js ngày càng được sử dụng nhiều do tốc độ và sự thu gọn nhẹ nhàng của nó Nút lập trình viên thường sử dụng khung Express để xây dựng ứng dụng web. Thể hiện. js là một framework thu gọn nhẹ dành cho Node. js Sử dụng Node và Express ở backend, và Angular hay React ở front-end, bạn có thể tự gọi bản thân là lập trình viên Javascript full stack được rồi đó. Sự phối hợp các công nghệ này hiện đang rất phổ biến, đặc biệt là ở các startup con trăn Python lần đầu xuất hiện vào năm 1991 và thường là ngôn ngữ đầu tiên mà nhiều sinh viên lần đầu cảm thấy xúc động với lập trình học. Do sự dễ đọc và sử dụng các từ khóa bằng tiếng Anh, Python được coi là một ngôn ngữ dễ học. Dưới đây là một vài framework Python mà bạn có thể sử dụng
Sự phổ biến của Python đang tăng dần những năm trở lại đây. Tính đến thời điểm bài viết này, nó nằm ở vị trí thứ 4 trong bảng xếp hạng TIOBE. Đến năm 2017 nó đã nằm ở vị trí thứ 2 trong bảng xếp hạng các ngôn ngữ có số lượng yêu cầu kéo gửi lên GitHub nhiều nhất, dựa trên thống kê năm 2017 của họ Tháng 9 vừa qua Stack Overflow thống kê rằng khoa học dữ liệu, máy học và nghiên cứu khoa học kỹ thuật là lý do chính cho sự phát triển của Python. Kể cả khi bạn không phải là nhà khoa học dữ liệu, kỹ năng làm việc và thay đổi dữ liệu cũng có thể trở nên rất hữu ích. Alex Strong của Code Academy viết
Nếu bạn tò mò về khoa học dữ liệu hay học máy, Python sẽ là lựa chọn tốt cho bạn vì đây là lĩnh vực ngày càng phát triển hồng ngọc Ra đời vào năm 1995, Ruby bắt đầu thu hút sự chú ý vào đầu những năm 2000 khi startup Basecamp tạo ra framework Ruby on Rails. Cùng với cú pháp thân thiện và dễ đọc của Ruby, Rails khiến việc xây dựng các ứng dụng web trở nên nhanh chóng và dễ dàng. Ruby on Rails trở nên phổ biến và là sự lựa chọn hàng đầu cho rất nhiều startup như Codepen. io, GitHub và Shopify Tuy nhiên, Ruby lại không được sử dụng nhiều như các ngôn ngữ kể trên. Năm bảng xếp hạng nó nằm trên bảng xếp hạng và xếp hạng của Stack Overflow TIOBE. Lý do là Ruby on Rails không hoạt động tốt với những trang web cần sức tải lớn, điều này dẫn đến việc nhiều startup chuyển sang các ngôn ngữ khác khi họ bắt đầu chuyển đổi lớn (Twitter đã chuyển sang Java là một ví dụ điển hình Tuy Ruby không đứng đầu trong các bảng xếp hạng nhưng nó là lựa chọn tốt để bạn bắt đầu học một ngôn ngữ lập trình. Nếu bạn thích thú với startup thế giới hay địa phương của bạn có nhiều công việc Ruby (hoặc bạn muốn làm việc ở Framgia), hãy cân nhắc việc học Ruby và Ruby on Rails PHP PHP là ngôn ngữ được nhiều người rất thích trích dẫn Ngược lại với số lượng câu hỏi nhiều kinh khủng khiếp "PHP chết chưa" trên Quora thì đến nay đây vẫn là ngôn ngữ được sử dụng rộng rãi phía phụ trợ. Khảo sát của W3Techs. com cho thấy 83% trang web sử dụng PHP (ngôn ngữ theo sau là ASP. ròng với 14%) |