This document provides an agenda for a class on making web pages look better with CSS. It discusses upcoming homework issues and presentations. It introduces flexbox, Bootstrap, and UI-Kit for layouts. It also outlines Project 2, which involves building the front-end for a business idea using a framework like Bootstrap or UI-Kit. Students will present a mockup by November 9th and the full project is due on the last day of class.
This document discusses asynchronous JavaScript, databases, and Project 3. It introduces callbacks, promises, and async/await in JavaScript. It also covers the differences between SQL and NoSQL databases, provides examples of using SQL databases locally and online, and exercises on SQLZOO. It describes Project 3 as connecting a database to the back end of an application. Students are instructed to draw out their database structure, write queries, and demo their working Project 3 application connecting to an actual database by the due date.
This document provides an agenda and instructions for setting up a server and database for a coding project. It discusses setting up a Node.js server on Digital Ocean, forking a sample project on GitHub, installing dependencies with NPM, running the server, and using EJS templates and MySQL Workbench to connect to and modify a database. Students are instructed to fork the sample project, modify it to use their own database, run it on their server, and submit the GitHub link and website URL for homework.
This document provides an agenda and overview for a class on front end frameworks, JavaScript, and project 2. It discusses introducing Bootstrap and UI-Kit, JavaScript exercises including functions, variables, control flow, and built-in functions. It outlines homework 4 requirements and reviews frameworks, templates, and JavaScript examples. It describes project 2 expectations and grading criteria, then assigns homework 5 to start building a multi-week pizza ordering website project.
This document provides an agenda and overview for a class on search engine optimization (SEO). It reviews the previous class, discusses upcoming projects that students can choose to work on, and covers the history and mechanics of SEO, including on-page and off-page factors. Students are instructed on using tools like Google Analytics and GitHub for SEO tasks and source code management. Homework involves analyzing and suggesting improvements to a website based on SEO best practices.
This class covers reviewing Git and server commands, Bootstrap tables, and introduces some new JavaScript topics like variables, user input/output, and variable scope. The homework assignment asks students to update their pizza ordering application to allow items to be typed in and generate a receipt with columns for item details and calculated totals. Key topics reviewed include Git commands like log, blame, checkout, Bootstrap tables and responsive design, JavaScript variables, parsing user input, and variable scope.
This document provides an agenda and information for a class on databases, debugging, forms, and APIs. It includes exercises to set up debugging in VS Code and create a page that allows querying a database table. Key topics covered are debugging, generators, bundling, HTTP requests, parsing request bodies, asynchronous JavaScript, JSON, and RESTful APIs. Students are also instructed on requirements for their upcoming Project 3 presentations and Homework 11 assignment.
This document provides an agenda and overview for a class on maps and hosting. It discusses using Google Maps and Leaflet for creating maps, and various options for hosting including Amazon Web Services, Heroku, Google, Microsoft Azure, and Digital Ocean. For homework, students are asked to create a map for a fictional pizza store website showing markers for 3 store locations, and optionally calculating distances to locations from a campus if a marker is clicked.
This document provides an agenda and instructions for a JavaScript exercises and mapping project week. It includes reviews of variable scope, the "this" pointer, and mapping APIs like Google Maps and Leaflet. Exercises are assigned to create a button that tracks click counts and displays alerts. The homework assignment is to create a map of the UVic campus using Google Maps API, add 3 markers that show latitude/longitude on click and track marker counts, and log new map boundaries to the console on bounds changes.
This document provides an agenda and overview for an introductory course on web development. The course will cover the hardware and protocols that power the internet, including how typing a URL leads to loading a webpage. It will introduce concepts like IP addresses, DNS, routers, servers, and HTTP. The instructor's background and course structure are outlined, which involves weekly lectures, exercises, and group projects building websites and backend services. Previews of upcoming modules show topics will include JavaScript, databases, APIs, and pitching projects.
This document provides an agenda for a class that covers IBM Bluemix, some JavaScript concepts, mapping with Google Maps, and homework assignments. The class will introduce IBM Bluemix as a cloud platform provider and discuss some of its integrated services. It will also cover JavaScript concepts like variable scope, the this pointer, events, and immediately invoked functions. Students will learn how to create maps using Google Maps and work on sample projects. Homework assignments include creating a campus map with markers and working on a group project to design a website with pages, maps, and chatbots.
This document provides an agenda and information for moving a website project to Bluemix. It discusses setting up a local development environment, using JSON and REST APIs, and introduces Project 3 which involves adding a database and chatbot to an existing website project. Students are asked to deploy their Project 2 website to Bluemix, set it up locally, and submit links to the Bluemix site and GitHub repository for homework.
This document provides an agenda and information for a class on databases and chatbots. It discusses replicating a movies database, creating queries, and examples. It also reviews chatbots and the conversation_simple sample application. Finally, it outlines the grading criteria for Project 3 and homework assigning students to replicate the movies database and run queries.
This document provides an agenda and overview for a class on websites and design skills. It discusses using GitHub for collaboration, technologies that power websites like HTML and CSS, search engine optimization, business models, and an upcoming project involving designing a website business. Students are asked to review an existing website for SEO and business factors for homework.
This document discusses authentication, databases, and EJS partials in Node.js. It provides an overview of using the HTTP-AUTH package for basic authentication, demonstrates passing variables from a Node server to EJS templates, and assigns homework to create a website that uses basic authentication and stores data in a Cloudant database with EJS partials.
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)David Wesst
“We need a mobile app. Make our website into a mobile app.” The request seems reasonable, doesn’t it? Your website is JavaScript, native apps are JavaScript, why wouldn’t you make your website into an application? In this presentation we’ll give you 5 reasons why your website shouldn’t end up as a native application to give you the tools you need to not only turn down the request, but on how to make a better solution.
Everyones invited! Meet accesibility requirements with ColdFusionColdFusionConference
ColdFusion Summit 2016 was announced as an event for everyone except Chad, who was not invited due to prior actions. The document then discussed accessibility requirements and how to meet them using ColdFusion. It noted the importance of compliance and ensuring software is available to all. Examples were given of inaccessible software like Dwarf Fortress and how ARIA attributes can help. The challenges of getting developers to comply were addressed by discussing how one company created their own Markup Language (MCML) of custom tags to enforce standards and ensure 508 compliance. They achieved full compliance over time through this framework and using interns to update code. Testing and responsibilities were also emphasized.
DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services. It uses PhoneGap and Apache Cordova to package HTML, CSS, and JavaScript into native iOS and Android apps. DrupalGap inherits Drupal concepts like modules, blocks, menus, pages, and views, and it can be extended with contrib modules and custom functionality through services and plugins. Developers need knowledge of JavaScript, Drupal modules, and mobile app development to use DrupalGap.
Javascript and jQuery PennApps Tech Talk, Fall 2014Kathy Zhou
This document summarizes Kathy Zhou's talk on Javascript and jQuery given at PennApps Fall 2014. The talk provided an introduction to Javascript as a programming language that runs in web browsers and jQuery as a Javascript library for animations, effects, and simplifying Javascript usage. It covered basics of Javascript including data types, functions, and manipulating the DOM. It also demonstrated how jQuery can be used to more easily select and modify page elements, attach event handlers, and implement an autocomplete search bar. The talk aimed to help attendees start building UI features for their web apps using Javascript and jQuery.
This document provides an agenda and instructions for a class on HTML, CSS, and JavaScript. It includes information on presenting project work, using the online code editor JSFiddle, integrating HTML and JavaScript, using the class web server, and an introduction to CSS flexbox layout. For homework, students are asked to build a simple website using HTML and CSS with flexbox, host it on GitHub and their class web server, and include basic JavaScript console output.
the third class of the spring 2017 untangling the web series
with a guest presentation by Chris Hawkins of Authentic business solutions https://authenticlab.ca/
This document provides an agenda and notes for a class on web business. It discusses homework assignments, visits from a webmaster and entrepreneur, revenue models like SaaS and advertising. It introduces the Lean Launchpad methodology and Business Model Canvas for planning web businesses. Students participate in exercises applying these concepts to a nonprofit marketing campaign, social media for a cleaning company, and sketching canvases for a toy reseller business.
This document discusses the history and future of biohacking, which combines genetic engineering and human performance enhancement. It describes current techniques like using RFID chips or chlorophyll drops and projects to enhance traits like intelligence. The future may see engineered longevity, higher human intelligence through gene editing, and "designer babies." The role of hackerspaces is to educate, push boundaries safely, and start grassroots biotech businesses pursuing goals beyond corporate interests like agriculture. Overall it presents biohacking as a way to actively shape human evolution and potential through technology.
- The gig economy as currently defined will not last long term, as tasks like ridesharing and delivery are likely to be automated. However, skilled professionals using platforms like Thumbtack to find clients will persist and proliferate.
- Technology is empowering skilled tradespeople by allowing them to connect directly with customers and run their businesses more efficiently without traditional employers. Skilled professionals are less reliant on college degrees and are building middle-class lifestyles through online skills marketplaces.
- Policymakers should support independent workers through policies that provide safety nets and make it easier for skilled professionals to succeed without full-time employment.
Recovery: Job Growth and Education Requirements Through 2020CEW Georgetown
Recovery: Job Growth and Education Requirements Through 2020: Projections of jobs and education requirements through 2020. This report shows where the jobs will be by education level, occupation and industry. Recovery 2020 is an update to our Help Wanted: Projections of Jobs and Education Requirements Through 2018.
3 hard facts shaping higher education thinking and behaviorGrant Thornton LLP
Expansion in tuition, enrollment, faculty, buildings, and everything else ― is fast becoming a thing of the past. Institutions will have to carefully pick initiatives, making clear choices about what to do and, most significantly, what not to do. Download 2016 State of higher education >> http://gt-us.co/1UbUF56
African Americans: College Majors and Earnings CEW Georgetown
While college access has increased among African Americans, they are overrepresented in majors that lead to low-paying jobs. In our new report, African Americans: College Majors and Earnings shows that African Americans are underrepresented in the number of college majors associated with the fastest growing, highest-paying occupations. Read the full report: http://bit.ly/20M28d1
The Online College Labor Market: Where the Jobs Are More than 80 percent of job openings for workers with a bachelor’s degree or higher are posted online. This report analyzes the demand for college talent in the job market by examining online job advertisements for college degree-holders by education, occupations, and industries.
My books- Learning to Go https://gumroad.com/l/learn2go & The 30 Goals Challenge for Teachers http://amazon.com/The-Goals-Challenge-Teachers-Transform/dp/0415735343
Resources at http://shellyterrell.com/games
What's Trending in Talent and Learning for 2016?Skillsoft
Skillsoft took a look at the top trends that will impact talent and learning efforts in 2016. For a number of reasons, it's a pivotal time for the HR industry to make its move. However, the landscape of work is changing fast and the most adept pace-setters will adapt to take advantage of the top trends. At the same time, companies need to be cautious of industry trends that may be overhyped. This infographic provides a balanced view of practices that will keep your talent and learning strategy moving in the right direction.
The document summarizes key takeaways from the SXSW conference. Some of the main topics discussed include: 1) The importance of designing technology with purpose and creating positive human experiences. 2) How collaboration between companies can drive innovation. 3) The value of not being constrained by audiences and taking creative risks. 4) The growing role of virtual and augmented reality. 5) How the rate of technological change is accelerating exponentially. 6) How cognitive computing is being applied across many domains to solve problems. 7) Emerging technologies like self-driving cars that are closer to widespread use than perceived. 8) How ubiquitous computing is already integrating technology into many aspects of life. 9) The growing role of robots and focus on
Future proofing design work with Web componentsbtopro
Web components are a W3C standard that's been adopted by all major browsers as of October 2018. The Version 1 specification is a joy to work with and brings the web into a composing context from a raw materials one. That is, we can now directly repurpose and leverage our efforts to build bigger and better experiences (like modern home development practices) instead of constantly reinventing the wheel (like molding bricks out of clay to work on our house).
As of this writing, the ELMS:LN team (4 people) at Penn State has created 433 web components for generalized use. We've built an editor, a CMS, integrated those elements into Drupal (multiple versions), delivered static sites, worked on desktop apps, and done design work entirely, end to end, using web components and a uniform process for creating and deploying them.
Talk structure:
What are web components, can I use them, answering questions of libraries, polyfills, SEO, and accessibility
Examples of who has adopted them and what they doing with them
Community resources like polymer slack, webcomponents, and open-wc.org
Detailed examples of adoption in production, Drupal and non-Drupal environments, lessons learned and unthinkable wins
Our WCFactory tooling that automates much of the workflow of producing a sustainable element portfolio
How teams can leverage web components across projects
Where Drupal 6,7,8,9 fit into the future with web components
Where the future is going with HAXeditor and HAXcms, the future of micro-site generation and management
Our team is in love with web components and we think you will too! Join us and build better, more sustainable design systems of the future (today)!
Intro to mobile web application developmentzonathen
Learn all the basics of web app development including bootstrap, handlebars templates, jquery and angularjs, as well as using hybrid app deployment on a phone.
Joomla! Day Chicago 2011 Presentation - Steven PignataroSteven Pignataro
The document provides tips and best practices for developing Joomla sites as part of a team. It discusses using version control like SVN or Git, following coding standards for naming conventions and formatting, and leveraging tools for code review and team development. Additional suggestions are given for debugging, moving sites, testing for injections, and speeding up sites through techniques like removing Mootools and using content delivery networks. The presenter encourages sharing ideas to improve Joomla development.
Next week, students will be required to hand in wireframes for their final projects. Wireframes can be created using tools like Balsamiq Mockups, Sketch, or pen and paper. Previous student projects from the FEWD program around the world can be found at a provided URL.
Javascript unit testing, yes we can e bigAndy Peterson
This document discusses test-driven development for JavaScript using ScrewUnit and BlueRidge. It introduces the Carbon Five consulting firm and covers why JavaScript unit testing is important. It then demonstrates how to write behavioral tests using ScrewUnit's BDD style and shows a live example testing a wizard component. Some challenges of JavaScript testing like DOM cleanup and structure are addressed. The document emphasizes that JavaScript testing is possible and can be integrated into the development process.
The document provides an introduction to developing complex front-end applications using HTML and JavaScript. It discusses how JavaScript modules can be organized in a way that is similar to frameworks like WPF and Silverlight using simple constructs like the module pattern. It also covers asynchronous module definition (AMD) and how modules can be loaded and dependencies managed using RequireJS. The document demonstrates unit testing jQuery code and using pubsub for loose coupling between modules. Finally, it discusses how CSS compilers like SASS can make CSS authoring more productive by allowing variables, nesting and mixins.
The document discusses the front-end architecture at CrowdTwist, which uses different frameworks and tools across apps. This has led to growing pains as the codebase becomes harder to maintain and develop for new features. The document explores how frameworks can simplify development but also introduce complexity. It argues that React offers a simpler approach through isolated components and predictable rendering of state changes. React could help unify CrowdTwist's front-end by replacing some uses of Backbone and Angular.
Javascript is actually called ECMAScript. The document provides an overview of JavaScript including how it interacts with the DOM in the browser, using JavaScript in web pages, syntax, control structures like loops and conditionals, objects as hashes, functions as first-class objects, loose typing, closures, prototypes, JSON, cross-domain AJAX, libraries like jQuery, and resources for learning more. The global scope in JavaScript is discussed and the importance of using var is emphasized to avoid polluting the global namespace.
This document discusses JavaScript anti-patterns and provides recommendations for improving code maintainability. It begins by describing problematic code examples and structures. Common causes of bad architecture are then examined, including development processes, team issues, and overuse of techniques like inheritance. Specific anti-patterns like spaghetti code, callbacks, and private properties are called out. The document concludes by recommending patterns and practices that support loose coupling, encapsulation, testability and refactoring.
Catalyst - refactor large apps with it and have fun!mold
This document discusses refactoring a large Perl application using Catalyst. Some key points:
1) The existing application was built over time by many people and contained inconsistencies, bugs and hacks. Refactoring with Catalyst aimed to make the code more maintainable, easier to work with, and fun to develop.
2) Catalyst provides an MVC framework and conventions that help split code into logical modules and provide common web functionality out of the box.
3) There was an initial steep learning curve to understand Catalyst and choose supporting libraries, but Template Toolkit, DBIx::Class and other CPAN modules helped simplify tasks like templates, object-relational mapping and handling web requests
Writing native Linux desktop apps with JavaScriptIgalia
This document summarizes a talk about writing native Linux desktop applications using JavaScript. It discusses using technologies like GJS, GTK, and Flatpak to build desktop apps with web development skills. It covers topics like build systems, assembling the UI, popular runtime libraries, writing the code, and distributing the finished app via Flathub. The talk uses a sample note-taking app called "Bloatpad" to demonstrate the process.
Save time by applying clean code principlesEdorian
This document discusses applying clean code principles to save time. It motivates clean code by noting that developers spend most of their time reading and understanding code. It recommends techniques like testing, coding standards, dependency injection and small focused classes to make code easier to read and maintain. Examples show how naming conventions, short functions, avoiding comments and value objects can clarify code's intent and purpose.
Optimising Your Front End Workflow With Symfony, Twig, Bower and GulpMatthew Davis
We take great care in our back end coding workflow, optimising, automating and abstracting as much as is possible. So why don't we do that with our front end code?
We'll take a look at some tools to help us take our front end workflow to the next level, and hopefully optimise our load times in the process!
We'll be looking at using Twig templates and optimising them for the different areas of your application, integrating Bower and Gulp for managing assets and processing our front-end code to avoid repetitive tasks - looking at how that impacts the typical Symfony workflow.
This document summarizes 10 ways to improve code based on a presentation by Neal Ford. The techniques discussed include composing methods to perform single tasks, test-driven development to design through tests, using static analysis tools to find bugs, avoiding singletons, applying the YAGNI principle to only build what is needed, questioning conventions, embracing polyglot programming, learning Java nuances, enforcing the single level of abstraction principle, and considering "anti-objects" that go against object-oriented design. Questions from the audience are then addressed.
LabsLab8.htmlLab 8 Im Thinking of a NumberBefore yo.docxDIPESH30
Labs/Lab8.html
Lab 8: I'm Thinking of a Number
Before you begin this lab please review Javascript from the lecture notes.
This lab is meant to help you learn the rudiments of the Javascript programming language and understand something of how web pages use Javascript, well enough that you can write a basic Javascript program that implements a simple game. You will also begin to develop some appreciation of why programming is not entirely trivial. It really does require orderly thinking and meticulous attention to detail.
Please read these instructions before beginning the lab.
Please follow the instructions about program format, variable names, etc.
Please use the template in Part 3.
Please pay attention to syntax and grammar and language constructs.
You will have a better chance of success if you follow the highlighted hints. Things will work better if you do, and you may even find that programming is kind of fun, especially when your program works.
You can do this lab anywhere. Remember to post questions in the forum where you can get help from each other.Part 1: IntroductionPart 2: The Javascript LanguagePart 3: Writing your own Javascript ProgramPart 4: Finishing up
Part 1: Introduction - PREAMBLE 1
Programming languages provide a way to express computer algorithms in a form that is convenient for humans yet easily translated into a computer's machine language: programming languages are the way that we tell computers how to perform a task.
In the lecture notes, we have studied the very low-level instructions that the computer itself understands (for example, the Toy), and talked about a variety of programming languages, much easier for people to use, that are translated into machine instructions by programs like compilers and assemblers. There are many such languages, each with its own good and bad points, and often with noisy adherents and detractors.
Javascript, the topic of this lab and the next, is one of the most widely encountered languages, largely because it's available as part of every Web browser, and the majority of web pages include Javascript code. You too can write Javascript programs that will be run by whoever views your web page. We don't expect you to become a full-fledged Javascript programmer, but you will do enough in this lab and the next to get some understanding of what programs look like and what is involved in taking an algorithm and turning it into a program that implements the algorithm.
You'll also be able to better understand the Javascript pages that you encounter when you browse, and if you like, you'll be able to adapt and modify them for your own pages too.
There is an enormous amount of Javascript information on the Web, and thousands of books. You might start with this list of tutorials, or Google for "javascript tutorial".
Javascript has three major components:the Javascript language itselfbuilding blocks that you can use to create your programmethods that let your Javascript program inter ...
Why should we use TDD to develop in Elixir? When we are applying it correctly? What are the differences that we can find in a code developed with TDD and in code not developed with it? Is it TDD about testing? Really? In this talk, I'll show what is TDD and how can be used it in functional programming like Elixir to design the small and the big parts of your system, showing what are the difference and the similarities between an OOP and FP environment. Showing what is the values of applying a technique like TDD in Elixir and what we should obtain applying it.
This document provides instructions for a DevSecCon workshop on securing secrets in development pipelines. The workshop aims to help developers and managers address the problem of hardcoded secrets being checked into code repositories by demonstrating how to remove and rotate secrets using a secret management server integrated with Jenkins. Participants will carry out hands-on labs to find hardcoded secrets, replace them with environment variables stored in a secret server, and prevent secrets from being exposed in builds.
Vue.js is a JavaScript framework that provides two-way binding between DOM and JavaScript, a template language for declarative rendering, and supports installation via npm, direct download, or a script tag. It allows defining where rendering will occur, setting up data, and rendering data to the DOM. Components provide reusability through templates, logic, and styles. Additional features include routing, state management with Vuex, and use of the Vue CLI for scaffolding single file components.
This document provides an agenda for a class on databases and asynchronous JavaScript. It includes presentations of Project 2, a review of asynchronous concepts like callbacks, promises, and async/await. It also covers differences between SQL and NoSQL databases, examples of using SQL and MongoDB, and an introduction to using a Postgres database on Bluemix. Homework involves SQL queries on a Stack Overflow database and students are notified to begin working on Project 3, which will involve a database backend and chatbot.
This document provides an overview of various topics related to developing a NodeJS application with a database. It discusses mindsets for developers, resources for learning to code like online courses and communities, and technologies involved in web development like front-end versus back-end programming. It also introduces NodeJS, databases like MongoDB and Cloudant, and provides instructions for an example app using Cloudant on Bluemix. Students are assigned homework to deploy this example app and modify it for their own purposes.
Untangling the web - fall2017 - class 4Derek Jacoby
This document provides an agenda and summary for a class on CSS, Flexbox, HTML, and JavaScript. It includes reminders on getting HTML elements from JavaScript using getElementById and creating elements. It reviews a homework assignment on those methods and creating elements. It then covers GitHub branches and commands for creating a new branch. Finally, it introduces CSS and selectors, exercises in CSS, an introduction to Flexbox with a Flexbox Froggy exercise, an introduction to the Bootstrap framework with exercises in using button styles and tooltips, discusses Bootstrap themes and templates, and assigns homework to create a resume using Bootstrap and Flexbox hosted on GitHub pages.
The document provides an agenda and overview for a class on HTML and JavaScript. It introduces HTML tags and how to display HTML, and has exercises on writing HTML and integrating JavaScript. It also discusses using GitHub Pages to host web pages and provides reminders on homework to write JavaScript to alphabetize words and create an animal list that adds items with JavaScript.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages, and an introduction to JavaScript programming.
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages to host websites, and an introduction to JavaScript programming.
The document outlines the agenda for the final week of a web development course. It includes wrap-up discussions, group presentations, course surveys, and demos of web applications built with technologies like React, Node.js, and Google Cloud Platform. Students will also discuss current trends in web development tools and technologies and strategies for continuing their learning after completing the course.
Dear Sakthi Thiru Dr. G. B. Senthil Kumar,
It is with great honor and respect that we extend this formal invitation to you. As a distinguished leader whose presence commands admiration and reverence, we cordially invite you to join us in celebrating the 25th anniversary of our graduation from Adhiparasakthi Engineering College on 27th July, 2024. we would be honored to have you by our side as we reflect on the achievements and memories of the past 25 years.
How to Load Custom Field to POS in Odoo 17 - Odoo 17 SlidesCeline George
This slide explains how to load custom fields you've created into the Odoo 17 Point-of-Sale (POS) interface. This approach involves extending the functionalities of existing POS models (e.g., product.product) to include your custom field.
How to define Related field in Odoo 17 - Odoo 17 SlidesCeline George
The related attribute is used in field definitions to establish a relationship between models and automatically fetch the value from a related model's field. It provides a way to reference and display fields from related models without having to create a separate field and write code to synchronize the values manually.
How to Create an XLS Report in Odoo 17 - Odoo 17 SlidesCeline George
XLSX reports are essential for structured data analysis, customizable presentation, and compatibility across platforms, facilitating efficient decision-making and communication within organizations.
A history of Innisfree in Milanville, PennsylvaniaThomasRue2
A history of Innisfree in Milanville, Damascus Township, Wayne County, Pennsylvania. By TOM RUE, July 23, 2023. Innisfree began as "an experiment in democracy," modeled after A.S. Neill's "Summerhill" school in England, "the first libertarian school".
Description:
Welcome to the comprehensive guide on Relational Database Management System (RDBMS) concepts, tailored for final year B.Sc. Computer Science students affiliated with Alagappa University. This document covers fundamental principles and advanced topics in RDBMS, offering a structured approach to understanding databases in the context of modern computing. PDF content is prepared from the text book Learn Oracle 8I by JOSE A RAMALHO.
Key Topics Covered:
Main Topic : PL/SQL
Sub-Topic :
Structure of PL/SQL Block, Declaration Section, Variable, Constant, Execution Section, Exception, How PL/SQL works, Control Structures, If then Command,
Loop Command, Loop with IF, Loop with When, For Loop Command, While Command, Integrating SQL in PL/SQL program.
Target Audience:
Final year B.Sc. Computer Science students at Alagappa University seeking a solid foundation in RDBMS principles for academic and practical applications.
URL for previous slides
Unit V
Chapter 15
Unit IV
Chapter 14 Synonym : https://www.slideshare.net/slideshow/lecture_notes_unit4_chapter14_synonyms-pdf/270327685
Chapter 13 Users, Privileges : https://www.slideshare.net/slideshow/lecture-notes-unit4-chapter13-users-roles-and-privileges/270304806
Chapter 12 View : https://www.slideshare.net/slideshow/rdbms-lecture-notes-unit4-chapter12-view/270199683
Chapter 11 Sequence: https://www.slideshare.net/slideshow/sequnces-lecture_notes_unit4_chapter11_sequence/270134792
chapter 8,9 and 10 : https://www.slideshare.net/slideshow/lecture_notes_unit4_chapter_8_9_10_rdbms-for-the-students-affiliated-by-alagappa-university/270123800
About the Author:
Dr. S. Murugan is Associate Professor at Alagappa Government Arts College, Karaikudi. With 23 years of teaching experience in the field of Computer Science, Dr. S. Murugan has a passion for simplifying complex concepts in database management.
Disclaimer:
This document is intended for educational purposes only. The content presented here reflects the author’s understanding in the field of RDBMS as of 2024.
How to Make a Field Storable in Odoo 17 - Odoo SlidesCeline George
Let’s discuss about how to make a field in Odoo model as a storable. For that, a module for College management has been created in which there is a model to store the the Student details.
2. AGENDA
--Project 1 presentations
--Some javascript issues coming up in the homeworks
jsfiddle tips and tricks
more js stuff
--CSS
--flexbox
--Bootstrap and ui-kit
--Project 2 intro
4. PRESENTATIONS
You have a handout for each group
Each group gets 10 minutes max for presentation and questions
Don’t worry if you don’t take all 10 minutes, if you can get across
why your business idea is so compelling in two minutes then you’re
way ahead of the game!
Make sure to leave a little bit of question time
Fill in feedback form for each group
5. ISSUES IN THE HOMEWORK
This is the first homework where answers aren’t just out there all in
one place
Need to learn how to find answers. Most of software development is
about finding answers, either from primary or secondary sources.
Only a small amount is thinking up algorithms on your own.
Using JSFiddle.net
HTML and JS on the page together
Variables into the HTML
Objects vs arrays
Adding strings
Revisiting loops and variables
Finding answers from stackoverflow
6. USING JSFIDDLE
From here on out I’d like homework submissions on either github or
jsfiddle (or another service such as nitrous.io)
Github if it’s just code you’re submitting
Jsfiddle or an alternative if it’s code I’m supposed to see run
Using JS, you have three options on where to run the code – on load,
in the head, or in the body. Make sure you understand the difference!
Console.log is still very useful, but it doesn’t print on the page! Have
to use the dev console. We’ll use it for some other things today too.
Access DevTools On Windows On Mac
Open Developer
Tools
F12, Ctrl + Shift +
I
Cmd + Opt + I
7. HTML AND JS TOGETHER
Separate code and data
Kind of an old paradigm, hard to do that, but html/js comes about from when that
was the goal
For simple stuff we’ll still treat them as separate. Except when they have to interact
https://jsfiddle.net/xde554am/ (example we’ll walk through)
Of course, in some frameworks this is exactly backwards. JSX is a
form of javascript for the facebook react toolkit that is fully
intermingled data and presentation. EJS templates are another way of
doing that.
8. BUTTONS
<input type="submit" id="byBtn" value="Change"
onclick="change()"/>
Causes page refresh, server loop
Some styling differences
Versus
<button id="byBtn" onclick="change()">click me</button>
No page refresh
Client side action only
Issues prior to IE6, but don’t care about that anymore
See http://particletree.com/features/rediscovering-the-button-
element/
9. VARIABLES IN THE HTML
Extension of the last example:
https://jsfiddle.net/egrs4j7a/1/
In the HTML
<p id="foo"></p>
In the JS
var myText = "Hello";
document.getElementById('foo').innerHTML = myText;
10. OBJECTS VERSUS ARRAYS
Arrays are actually special cases of objects. All built-in variable types are,
really.
But you use them in different contexts
Arrays - var myArray = [];
Multidimensional (potentially)
Ordered
Native methods like push, pop
Objects - var myObject = {};
Unordered
Best for key:value pairs
More info: https://msdn.microsoft.com/en-
us/library/89t1khd2%28v=vs.94%29.aspx?f=255&MSPPError=-2147217396
var a = [1, 2, 3];
var o = {a: 1, b: 2, c: 3};
a[0] = 1; a[1]=2; etc.
o[“a”] = 1
o.a = 1;
11. ADDING STRINGS
Unary + operator
Most types will be converted to numbers using the unary + sign.
+true // 1
+null // 0
+"" // 0
+"2.0" // 2
+"2.5" // 2.5
same as parseInt(x, 10)? Not at all.
+"3asdf" // NaN
parseInt("3asdf", 10) // 3
https://www.tutorialspoint.com/javascript/javascript_
operators.htm
12. LOOPS AND VARIABLES
var toppingsOrder = ["cheese","pepperoni"];
var prices = {
cheese: "1.20",
avocado: "1.99",
pepperoni: "1.50"
}
var total = 0;
var i;
for (i=0; i<toppingsOrder.length; i++) {
total = (+total) + (+prices[toppingsOrder[i]]);
}
alert(total);
13. PARSING A COMMA SEPARATED
LIST
var myString = "test,test1,test2";
var arr = myString.split(',');
console.log(arr);
["test", "test1", "test2"]
More details: http://stackoverflow.com/questions/2858121/convert-
comma-separated-string-to-array
14. CSS INTRO – CASCADING STYLE
SHEETS
CSS is just styling on top of HTML
Everything should generally run the same without it, it will just look
ugly
In my example site a few weeks ago, I was using LESS. LESS and SASS
(among others) are CSS variants that compile down to CSS files but
use variables and some program control to make expressions easier
15. WAYS OF SELECTING TEXT
#id
#id { color: black;}
.class
.class { font-size:30px;}
tag
p { text-align: center;}
16. CASCADING
HTML tags get superseded by classes and specific id’s
Classes get superseded by specific id’s
Specific id’s win
Unless something is marked important!
21. BOOTSTRAP
Developed by twitter, it has become a common library of CSS
definitions
Reference: http://www.w3schools.com/bootstrap/
Example: https://jsfiddle.net/oazgbqay/
Note external resources!
22. BOOTSTRAP EXERCISES
https://jsfiddle.net/j7g07w5e/
Create a table with three types of pizza and prices
Make one of the table rows red to indicate it is sold out, using
bootstrap styling
Reference:
http://www.w3schools.com/bootstrap/bootstrap_tables.asp
23. UI-KIT
And alternative UI language to bootstrap – this is what was used on
my 3data.ca example
Reference: https://getuikit.com/docs/documentation_get-
started.html
Example: https://jsfiddle.net/k0xp1jzy/
24. JQUERY
Side note on jquery in the last example!
Powerful library. Needs a more full explanation. Many sites these days
attempt to be “pure” in terms of not using jquery, in an attempt to
reduce file size and load times
Feel free to understand and use it if it helps, though!
25. HOMEWORK 6
Put a ui-kit front end on an expanded pizza ordering site. This front
end should use icons and resources to style the site. (bootstrap and
flexbox are alternative options if you prefer, particularly if that is
what you decide to base your project 2 on)
In addition to last week, the site should contain:
--A list of ingredients, as before, but with a picture and description
of each ingredient that only appears when it is hovered over (perhaps
in a box to the side or something)
--a confirmation dialog that presents the ingredients and the prices
in a nicely formatted receipt
This should be submitted running as a jsfiddle link
26. PROJECT 2
This is the front-end project
Goal is to make your site reflect the goals of the business – this might
be a sales site, a good landing page.
Ideally you should make it something that has a backend component
Maybe it takes orders
Or queries a database
Or uses speech recognition or advanced interactions
Think a bit ahead to the project 3 in any case
This project is actually due on the last day of class, coincident with
project 3, but I would like a mockup by Nov 9th. (this can be on paper
or in an image file)
27. PROJECT 2 TECHNOLOGIES
Ultimately it is up to you, but I would suggest using a framework such
as bootstrap or ui-kit rather than styling directly
You will also need to make hosting decisions. We will talk about this
next class.
Not all of your front-end UI needs to work! If this is a UI prototype
that shows look and feel then that is sufficient, but enough has to
work to get a feel for it
The back-end project decisions will greatly influence which pieces