The document discusses best practices for front-end Django developers, including organizing templates with a base template and blocks, using template tags and filters appropriately, structuring CSS and JavaScript with namespaces, leveraging tools like HTML5 Boilerplate, Compass, Modernizr, and best practices for data handling, testing, and performance.
Nghiên cứu và hướng dẫn sử dụng bộ công cụ quét lỗ hổng hệ thống trong mạng lanleokidd
Trong thời đại công nghệ thông tin phát triển hiện nay lĩnh vực hạ tầng mạng được xem là phần không thể thiếu trong hầu hết các ngành nghề, các tổ chức, công ty. Phần lớn các tổ chức hay công ty có phạm vi sử dụng bị giới hạn bởi diện tích và mặt bằng đều triển khai xây dựng mạng LAN để phục vụ cho việc quản lý dữ liệu nội bộ cơ quan được thuận lợi, đảm bảo tính an toàn, bảo mật dữ liệu, đồng thời giúp các nhân viên trong tổ chức hay công ty truy cập dữ liệu một cách dễ dàng. Ngoài ra mạng LAN còn giúp cho người quản trị mạng phân quyền sử dụng tài nguyên cho từng đối tượng người dùng và thuận tiện cho việc quản lý nhân viên và điều hành công ty.
Bên cạnh đó việc bảo mật mạng LAN cũng rất quan trọng nhằm chống lại các tin tặc tấn công gây nguy hại cho người dùng trong mạng. Các cuộc tấn công mạng LAN ngày càng sử dụng những công cụ và phương thức tấn công tinh vi hơn, các tin tặc dễ dàng đánh cắp mật khẩu, tài khoản của các cơ quan, tổ chức, gây thiệt hại có thể xảy ra cho các doanh nghiệp như hoạt động sản xuất bị ngừng trệ, thông tin bị rò rỉ, thất thoát dữ liệu nhạy cảm.
Do đó đối với mỗi hệ thống, nhiệm vụ bảo mật được đặt ra cho người quản trị mạng là hết sức quan trọng và cần thiết. Xuất phát từ những thực tế đó, toi đã chọn và tìm hiểu đề tài “Nghiên cứu và hướng dẫn sử dụng bộ công cụ quét lỗ hổng hệ thống trong mạng LAN”
Advanced Industrial IoT, IIoT Training Crash Course For You - Tonex TrainingBryan Len
Industrial iot, internet of things. Industrial iot, industry 4 training course - Tonex training
The major impact of IoT can be seen in the industrial sector, with the industries all over the globe moving toward Industry 4.0, IoT is playing a major role in the 4th industrial revolution. The most revolutionary technology in the Industrial sector today is IIoT.
Enabled by the Internet of Things (IoT), Industry 4.0 — also known as the era of digitalization — refers to the use of automation and data exchange in manufacturing with machines making split-second decisions based on real-time data.
Other benefits from IoT-infused Industry 4.0, include:
Richer and more timely analytics
Digitizing and making sense of information
Improving customer satisfaction and customer experience
Improving product quality or keeping product quality intact
Boost efficiency and profitability across the entire organization
Real-time insights that lead to better, faster decisions
Providing all team members with up-to-date, relevant views of production and business processes
Course agenda:
Introduction to Industrial Internet of Things
Industrial automation: PLC and SCADA
Sensor Data Mining and Analytics
Wireless Sensor Area Networks (WSAN)
Design and Development of IIoT systems
Industry 4.0: Smart factory initiative
Industrial cloud platforms
Industrial IoT security
Request more information regarding Industrial IoT, Internet of Things, IIoT, Training Crash Course. Visit tonex.com for course and workshop detail.
https://www.tonex.com/industry-4-0-course-internet-of-things-iot-training/
Nghiên cứu và hướng dẫn sử dụng bộ công cụ quét lỗ hổng hệ thống trong mạng lanleokidd
Trong thời đại công nghệ thông tin phát triển hiện nay lĩnh vực hạ tầng mạng được xem là phần không thể thiếu trong hầu hết các ngành nghề, các tổ chức, công ty. Phần lớn các tổ chức hay công ty có phạm vi sử dụng bị giới hạn bởi diện tích và mặt bằng đều triển khai xây dựng mạng LAN để phục vụ cho việc quản lý dữ liệu nội bộ cơ quan được thuận lợi, đảm bảo tính an toàn, bảo mật dữ liệu, đồng thời giúp các nhân viên trong tổ chức hay công ty truy cập dữ liệu một cách dễ dàng. Ngoài ra mạng LAN còn giúp cho người quản trị mạng phân quyền sử dụng tài nguyên cho từng đối tượng người dùng và thuận tiện cho việc quản lý nhân viên và điều hành công ty.
Bên cạnh đó việc bảo mật mạng LAN cũng rất quan trọng nhằm chống lại các tin tặc tấn công gây nguy hại cho người dùng trong mạng. Các cuộc tấn công mạng LAN ngày càng sử dụng những công cụ và phương thức tấn công tinh vi hơn, các tin tặc dễ dàng đánh cắp mật khẩu, tài khoản của các cơ quan, tổ chức, gây thiệt hại có thể xảy ra cho các doanh nghiệp như hoạt động sản xuất bị ngừng trệ, thông tin bị rò rỉ, thất thoát dữ liệu nhạy cảm.
Do đó đối với mỗi hệ thống, nhiệm vụ bảo mật được đặt ra cho người quản trị mạng là hết sức quan trọng và cần thiết. Xuất phát từ những thực tế đó, toi đã chọn và tìm hiểu đề tài “Nghiên cứu và hướng dẫn sử dụng bộ công cụ quét lỗ hổng hệ thống trong mạng LAN”
Advanced Industrial IoT, IIoT Training Crash Course For You - Tonex TrainingBryan Len
Industrial iot, internet of things. Industrial iot, industry 4 training course - Tonex training
The major impact of IoT can be seen in the industrial sector, with the industries all over the globe moving toward Industry 4.0, IoT is playing a major role in the 4th industrial revolution. The most revolutionary technology in the Industrial sector today is IIoT.
Enabled by the Internet of Things (IoT), Industry 4.0 — also known as the era of digitalization — refers to the use of automation and data exchange in manufacturing with machines making split-second decisions based on real-time data.
Other benefits from IoT-infused Industry 4.0, include:
Richer and more timely analytics
Digitizing and making sense of information
Improving customer satisfaction and customer experience
Improving product quality or keeping product quality intact
Boost efficiency and profitability across the entire organization
Real-time insights that lead to better, faster decisions
Providing all team members with up-to-date, relevant views of production and business processes
Course agenda:
Introduction to Industrial Internet of Things
Industrial automation: PLC and SCADA
Sensor Data Mining and Analytics
Wireless Sensor Area Networks (WSAN)
Design and Development of IIoT systems
Industry 4.0: Smart factory initiative
Industrial cloud platforms
Industrial IoT security
Request more information regarding Industrial IoT, Internet of Things, IIoT, Training Crash Course. Visit tonex.com for course and workshop detail.
https://www.tonex.com/industry-4-0-course-internet-of-things-iot-training/
Smart Manufacturing Implementation To Enhance Production Process Powerpoint P...SlideTeam
You can download this product from -
https://www.slideteam.net/smart-manufacturing-implementation-to-enhance-production-process-powerpoint-presentation-slides.html
slideteam.net has the world's largest collection of Powerpoint Templates. Browse and Download now!
Description of this above product -
Smart manufacturing is a technology driven technique using IoT enabled equipment for production process monitoring. It enables manufacturers to automate operations and use data analytics to enhance production performance. This PowerPoint presentation Smart Manufacturing Implementation to Enhance Production Process showcases a smart manufacturing market overview, trends, smart manufacturing ecosystem and capabilities, implementation framework, and gap analysis. This PPT includes smart manufacturing technologies such as cloud computing, augmented reality, sustainable manufacturing, artificial intelligence, digital twins, blockchain, industrial edge computing, and drone. It covers IoT enabled smart manufacturing showcasing IoT applications, IoT technologies, and equipment sensors for manufacturing process automation. Lastly, it includes a smart manufacturing team structure, roles and responsibilities, training plan, budget plan, the impact of smart manufacturing implementation and metrics dashboard. Download our 100 percent editable and customizable template.
Nhận viết luận văn Đại học , thạc sĩ - Zalo: 0917.193.864
Tham khảo bảng giá dịch vụ viết bài tại: vietbaocaothuctap.net
Download luận văn thạc sĩ ngành công nghệ thông tin với đề tài: Nghiên cứu ứng dụng công nghệ IoT cho giám sát môi trường, cho các bạn làm luận văn tham khảo
Download luận văn đồ án tốt nghiệp với đề tài: Nghiên cứu Hệ thống Honeypots và Honeynet nhằm nghiên cứu một số kỹ thuật tấn công dịch vụ Web, cho các bạn tham khảo
ADManager Plus is a web-based Active Directory Management software with bulk User provisioning / re-provisioning, Active Directory Automation features. Manage Active Directory Users, Computers, Contacts, Groups; get pre-built Active Directory Reports
Cloud computing - new class of network based computingAshita Agrawal
Cloud Computing is a general term used to describe a new class of network based computing that takes place over the Internet,
-basically a step on from Utility Computing
-a collection/group of integrated and networked hardware, software and Internet infrastructure (called a platform).
The hardware and software services are available to
general public, enterprises, corporations and businesses markets.
TYPES OF CLOUD:
There are different types of clouds that you can subscribe to depending on your needs. As a home user or small business owner, you will most likely use public cloud services.
1.public
2.hybrid
3.community
4.private
PURPOSE AND BENEFITS
-Cloud computing enables companies and applications, which are system infrastructure dependent, to be infrastructure-less.
-By using the Cloud infrastructure on “pay as used and on demand”, all of us can save in capital and operational investment!
-Clients can:
Put their data on the platform instead of on their own desktop PCs and/or on their own servers.
They can put their applications on the cloud and use the servers within the cloud to do processing and data manipulations etc.
Features of Cloud Computing
• Cost
• Agility
• Security
• Reliability
• Scalability
• Availability
• Performance
• Device and Location Independence
Cloud Computing Service Providers
• Amazon
• App Nexus
• Google AppEngine
• Go Grid
• Microsoft Windows Azure
• Rack Space
Conclusion
The cloud provides many options for the everyday computer user as well as large and small businesses. It opens up the world of computing to a broader range of uses and increases the ease of use by giving access through any internet connection.
However, with this increased ease also come drawbacks. You have less control over who has access to your information and little to no knowledge of where it is stored.
You also must be aware of the security risks of having data stored on the cloud. The cloud is a big target for malicious individuals and may have disadvantages because it can be accessed through an unsecured internet connection.
Smart Manufacturing Implementation To Enhance Production Process Powerpoint P...SlideTeam
You can download this product from -
https://www.slideteam.net/smart-manufacturing-implementation-to-enhance-production-process-powerpoint-presentation-slides.html
slideteam.net has the world's largest collection of Powerpoint Templates. Browse and Download now!
Description of this above product -
Smart manufacturing is a technology driven technique using IoT enabled equipment for production process monitoring. It enables manufacturers to automate operations and use data analytics to enhance production performance. This PowerPoint presentation Smart Manufacturing Implementation to Enhance Production Process showcases a smart manufacturing market overview, trends, smart manufacturing ecosystem and capabilities, implementation framework, and gap analysis. This PPT includes smart manufacturing technologies such as cloud computing, augmented reality, sustainable manufacturing, artificial intelligence, digital twins, blockchain, industrial edge computing, and drone. It covers IoT enabled smart manufacturing showcasing IoT applications, IoT technologies, and equipment sensors for manufacturing process automation. Lastly, it includes a smart manufacturing team structure, roles and responsibilities, training plan, budget plan, the impact of smart manufacturing implementation and metrics dashboard. Download our 100 percent editable and customizable template.
Nhận viết luận văn Đại học , thạc sĩ - Zalo: 0917.193.864
Tham khảo bảng giá dịch vụ viết bài tại: vietbaocaothuctap.net
Download luận văn thạc sĩ ngành công nghệ thông tin với đề tài: Nghiên cứu ứng dụng công nghệ IoT cho giám sát môi trường, cho các bạn làm luận văn tham khảo
Download luận văn đồ án tốt nghiệp với đề tài: Nghiên cứu Hệ thống Honeypots và Honeynet nhằm nghiên cứu một số kỹ thuật tấn công dịch vụ Web, cho các bạn tham khảo
ADManager Plus is a web-based Active Directory Management software with bulk User provisioning / re-provisioning, Active Directory Automation features. Manage Active Directory Users, Computers, Contacts, Groups; get pre-built Active Directory Reports
Cloud computing - new class of network based computingAshita Agrawal
Cloud Computing is a general term used to describe a new class of network based computing that takes place over the Internet,
-basically a step on from Utility Computing
-a collection/group of integrated and networked hardware, software and Internet infrastructure (called a platform).
The hardware and software services are available to
general public, enterprises, corporations and businesses markets.
TYPES OF CLOUD:
There are different types of clouds that you can subscribe to depending on your needs. As a home user or small business owner, you will most likely use public cloud services.
1.public
2.hybrid
3.community
4.private
PURPOSE AND BENEFITS
-Cloud computing enables companies and applications, which are system infrastructure dependent, to be infrastructure-less.
-By using the Cloud infrastructure on “pay as used and on demand”, all of us can save in capital and operational investment!
-Clients can:
Put their data on the platform instead of on their own desktop PCs and/or on their own servers.
They can put their applications on the cloud and use the servers within the cloud to do processing and data manipulations etc.
Features of Cloud Computing
• Cost
• Agility
• Security
• Reliability
• Scalability
• Availability
• Performance
• Device and Location Independence
Cloud Computing Service Providers
• Amazon
• App Nexus
• Google AppEngine
• Go Grid
• Microsoft Windows Azure
• Rack Space
Conclusion
The cloud provides many options for the everyday computer user as well as large and small businesses. It opens up the world of computing to a broader range of uses and increases the ease of use by giving access through any internet connection.
However, with this increased ease also come drawbacks. You have less control over who has access to your information and little to no knowledge of where it is stored.
You also must be aware of the security risks of having data stored on the cloud. The cloud is a big target for malicious individuals and may have disadvantages because it can be accessed through an unsecured internet connection.
ClojureScript - Making Front-End development Fun again - John Stevenson - Cod...Codemotion
Front-end development has an amazing assortment of libraries and tools, yet it can seem very complex and doest seem much fun. So we'll live code a ClojureScript application (with a bit of help from Git) and show how development doesn't have to be complex or slow. Through live evaluation, we can build a reactive, functional application. Why not take a look at a well designed language that uses modern functional & reactive concepts for building Front-End apps. You are going to have to trans-pile anyway, so why not use a language, libraries and tooling that is bursting with fun to use.
Sooner or later we all have to work with HTML, despite its verbosity. Those of us who claim to love HTML may just be victims of Stockholm Syndrome, both praising yet secretly loathing it.
Basho designer John Newman is making the trek from the swamps of Florida to show us the way. In the modern world of markup preprocessors, these alternative syntaxes allow you to write simpler, cleaner, more concise code in a shorter amount of time. Certain techniques can even allow your team members who may be less-tech-savvy to contribute content directly without forcing you to wire up a WYSIWYG style CMS.
This talk explores great alternatives to plain HTML and CSS, and covers how Basho put these tools together to facilitate a painless, team-oriented approach to building sites and web apps.
Practical tips for dealing with projects involving legacy code. Covers investigating past projects, static analysis of existing code, and methods for changing legacy code.
Presented at PHP Benelux '10
Go 1.10 Release Party, featuring what's new in Go 1.10 and a few deep dives into how Go works.
Presented at the PDX Go Meetup on April 24th, 2018.
https://www.meetup.com/PDX-Go/events/248938586/
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
2. About the Presenter
Front End Developer at RED Interactive Agency
PyLadies board member
http://www.xtine.net
@webdevgirl
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
3. Presentation is Important
Polished front-end is as important as the back-end
It may “scale” ...
But bloated markup and JavaScript will slow performance
The implementation of the design is what the user notices.
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
5. Start Organized
Structure the hierarchy of static and template files.
Folders for each app in templates
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
6. Starting Templates
Start with base.html
Extend from there - index/about/contact.html etc
Blocks for common elements {% block title %} {% endblock title %}
Include template files {% include "foo.html" %}
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
7. Template Tags and Filters
The template system is meant to express presentation, not logic
Presentation and iteration over data, NOT manipulation
Make your own template tag
from django import template
Example
register = template.Library()
def dashreplace(value, arg):
return value.replace(arg, '-')
register.filter('dashreplace', dashreplace)
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
9. Cascading Style Sheets
+ Header / #header
Define a Style Guide
+ Content / #content
- Left column / #leftcolumn
Consistent Variable Naming - Right column / #rightcolumn
- Sidebar / #sidebar
- Search / #search
Camel Case vs Dashes + Footer / #footer
Advertisements .ads
Organize into separate files Content header h2
Dark grey (text): #333333
Dark Blue (headings, links) #000066
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
10. Using a JavaScript Library
Use only one library (jQuery) and stick to it!
Avoid plug-in overkill, no more than 3-4
Reduce performance hits and code conflicts.
Analyze if you can write your own.
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
11. JavaScript Namespacing
var someNamespace = (function() {
Namespace your JavaScript
var animal = “pony”;
Prevent conflicts var greeting = function () {
return “I’m a ” + animal;
};
Easier to read and maintain return {
foo : function() {
Don’t have to use $(document).ready()
},
// do stuff here
bar : function() {
// do stuff here
}
};
})();
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
12. JavaScript Don’ts
DO NOT:
document.write('foo');
<a
onclick="myClickFunction()"
href="http://foo.com"></a>
<a
href="javascript:doSomething()"></a>
DO:
<a
class="link"
href="http://foo.com"></a>
$('.link').click(function() { // do stuff });
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
13. Heavy Usage of JavaScript
For front-end heavy websites, check out Backbone.js
Hook up with RESTful interfaces (TastyPie)
Underscore.js for more utility functions
object and data manipulation
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
15. Don’t Start HTML from
Scratch
HTML5 Boilerplate
base.html starting point
CSS Reset (normalize.css)
jQuery + Modernizr
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
16. Modernizr
JavaScript library to detect HTML5 + CSS3 technologies
Detect the features, NOT the browser
HTML5 elements for IE
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
19. Compass Integration
django-compass
PyScss
SASS Compiler for Python
Tip: Don’t deploy Compass, put it in project root folder
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
21. All About the Data
Leverage the power of both the front and back end
Share the work between them
Class Based Views for quick prototyping
Beware of Caching
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
22. Define Your Data Types
Before any coding happens:
Write out the API - evaluate the design
Know when to make a View vs API
Context Processors
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
24. Let’s Test!
CSSLint
JSLint
warning: will make you cry
Google Closure Compiler
function hello(name) {
alert('Hello, ' + name); function hello(a){alert("Hello,
} "+a)}hello("New user");
hello('New user');
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
25. Performance Tips
Build script(s) to minify and gzip files
TEMPLATE_DEBUG
settings flag to toggle between flat/compiled static files
Asynchronous / lazy loading JavaScript
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
26. Wrap Up
Consistent folder structures and document style guides
Use a JavaScript library and modern authoring techniques
Leverage data loading between the front and the back ends
Use HTML Boilerplate + CSS/JS tools to your advantage
Think about testing and performance of front-end code
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011
27. Resources
CSS Style Guide: http://coding.smashingmagazine.com/2008/05/02/improving-code-
readability-with-css-styleguides/
Front-End Development Guidelines: http://taitems.github.com/Front-End-Development-
Guidelines/
Outdated JavaScript: http://davidbcalhoun.com/2011/how-to-spot-outdated-javascript
Namespaces in JavaScript: http://blog.stannard.net.au/2011/01/14/creating-namespaces-in-
javascript/
HTML5 Boilerplate: http://html5boilerplate.com/
Compass Framework: http://compass-lang.com/
SASS: http://sass-lang.com/
Best Practices for Front-End Django Developers by Christine Cheung - DjangoCon 2011