We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

Pythonic JavaScript for Web Developers

00:00

Formal Metadata

Title
Pythonic JavaScript for Web Developers
Title of Series
Number of Parts
160
Author
License
CC Attribution - NonCommercial - ShareAlike 3.0 Unported:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal and non-commercial purpose as long as the work is attributed to the author in the manner specified by the author or licensor and the work or content is shared also in adapted form only under the conditions of this
Identifiers
Publisher
Release Date
Language

Content Metadata

Subject Area
Genre
Abstract
Pythonic JavaScript for Web Developers [EuroPython 2017 - Talk - 2017-07-12 - PythonAnywhere Room] [Rimini, Italy] Having a basic knowledge of JavaScript is obligatory for every Web developer in todays world. Most of us are familiar with the pain of having to write some simple hide/show logic and ajax queries with jQuery on a page that is mostly rendered server-side. Nowadays, however, there are lots of great JavaScript frameworks and build tools that not only make these things very easy to do The Right Way, but also make the whole process quite painless. I spent past year in a small startup writing only front-end code and evaluating different tools and best practises. Bringing these tools to old Django projects has been eye-opening. There are practically no documentation or code examples on how to integrate these things to Python backend projects, so it’s very hard to get started from scratch. In this talk we’ll go trough some of the tools, examples on how to get started, and also some coding guidelines on how to make JavaScript look and feel more sane and Pythonic. The current state of JavaScript frameworks is notoriously bad; there are more of them than blog engines written with Django. We’ll focus on Vue.js (https://vuejs.org) which is a lightweight, very easy to get started and yet powerful tool. We’ll also take a look at new end-to-end browser test tools and modern build tools that enable us to take full advantage of the huge NPM package universe (Cheeseshop for JS) and write modern ES2015/ES2016 JavaScript that has more powerful and cleaner syntax
Software developerCode division multiple accessSoftwareIntelWeb-DesignerProjective planeVideo gameXML
Software developerProjective planeData managementBitProgrammer (hardware)Scripting languageSinc functionWeb 2.0Real number
Web pageBitTerm (mathematics)System callWeb pageScripting languageLecture/ConferenceComputer animation
Web pageScripting languageJava appletWeb pageFront and back endsProcess (computing)BitComputer animation
Digital signalExecution unitBitPerspective (visual)Revision controlWeb 2.0Moment (mathematics)Scripting languageComputer animationXML
Color managementDigital signalAnnulus (mathematics)Web 2.0Revision controlProcess (computing)Mereology
Web 2.0MereologyScripting languageReading (process)Goodness of fitProcess (computing)Object (grammar)Revision controlFunctional (mathematics)Dynamical systemType theoryInsertion lossSource codeXMLProgram flowchart
Social classModul <Datentyp>Electric generatorString (computer science)SynchronizationStandard deviationVariable (mathematics)Point (geometry)View (database)Direction (geometry)Programmer (hardware)Scripting languageFormal languageCategory of beingString (computer science)Open sourceIterationConsistencyElectric generatorModule (mathematics)Object (grammar)Template (C++)Real numberLecture/ConferenceXMLComputer animation
Social classModul <Datentyp>Electric generatorString (computer science)Scripting languageProgramming languageProper mapState of matterProjective planeScripting languageVideo gameWeb 2.0Query languageWebsite
Revision controlPoint (geometry)Web 2.0MereologyComplex (psychology)Web pageWeb applicationLecture/Conference
SoftwareProduct (business)Data managementJava appletOpen sourceRevision controlSystem callTrailWindows RegistryScripting languageRight angleComputer file
Stack (abstract data type)Web browserProduct (business)Scripting languageCode
Software frameworkLink (knot theory)Module (mathematics)Cloud computingCodeFigurate numberProduct (business)Fiber bundleMoment (mathematics)Line (geometry)Inclusion mapStandard deviationCommunications protocolCodeSoftware frameworkFluid staticsMultiplication signPoint (geometry)Term (mathematics)BitMereologyDifferent (Kate Ryan album)Network topologyProjective planeGoodness of fitXML
Software frameworkProjective planeDampingBookmark (World Wide Web)CASE <Informatik>Data modelSoftware frameworkView (database)BitGenderXMLJSON
Configuration spaceConfiguration spaceGoogolWeb pageComputer animation
Projective planeMultiplication signSoftware frameworkCodeScripting languageStack (abstract data type)
Electronic mailing listMeasurementReal numberSign (mathematics)Scripting languageCodePerspective (visual)BitLecture/Conference
Scripting languageLibrary (computing)Function (mathematics)Module (mathematics)NamespaceCodeScripting languageFunctional (mathematics)Library (computing)Asynchronous Transfer ModeFormal languageComputer fileComputer chessLecture/ConferenceJSONXML
Computer fileProgramming languageExpressionComputer programmingLibrary (computing)Module (mathematics)WindowProper mapMultiplicationFunctional (mathematics)CodeFigurate number
CodeCryptographySoftware developerJSONXMLLecture/Conference
ConsistencyRepository (publishing)Right angleCodeCodeView (database)Computer fileLink (knot theory)
Modul <Datentyp>Scripting languageCodeProjective planeLecture/Conference
Modul <Datentyp>Software testingScripting languageComputer fileProjective planeFlow separationSoftware repositoryCodeMultiplication signPoint (geometry)Control flowProduct (business)Front and back endsDemo (music)Endliche ModelltheorieJSONXMLComputer animation
Cursor (computers)CodeTouchscreenLecture/Conference
SummierbarkeitRepeating decimalCloud computingTouchscreenSource codeMereologyExact sequenceSkeleton (computer programming)Computer fileProjective planeCloud computingDemo (music)Mobile appRight angleComputer animation
Computer iconCommodore VIC-20Cloud computingWeb pageDemo (music)Similarity (geometry)CodeMathematicsSoftware developerServer (computing)Asynchronous Transfer ModeWeb 2.0Greatest elementSource code
State of matterWeb pageStructural loadView (database)Web browserServer (computing)Mobile appScripting languageControl flowMedical imagingWeb 2.0
ComputerCloud computingVideo game consoleObject (grammar)Query languageHTTP cookieView (database)Token ringForcing (mathematics)Web 2.0CodeElement (mathematics)MereologyInstance (computer science)Plug-in (computing)Computer fileVariable (mathematics)
Computer wormEmailCloud computingRepeating decimalCategory of beingVariable (mathematics)Object (grammar)SummierbarkeitTotal S.A.View (database)
Computer wormRepeating decimalEmailCloud computingExecution unitData typeDesign of experimentsScale (map)Product (business)Social classDifferenz <Mathematik>Computer iconEndliche ModelltheorieMoment (mathematics)Instance (computer science)Form (programming)
View (database)Web pageInstance (computer science)Multiplication signPoint (geometry)Source code
Video game consoleFingerprintDrum memoryComputer wormCloud computingContent (media)Scale (map)Executive information systemWeb pagePoint (geometry)Bit rateView (database)Right angleTablet computerProgram flowchartLecture/Conference
Social classFree variables and bound variablesData typeoutputScalable Coherent InterfaceMultiplication signProduct (business)Revision controlWeb 2.0Scripting languageModule (mathematics)Hash functionConfiguration spacePlug-in (computing)Source code
Content (media)Computer fileScripting languageProjective planeSource codeComputer animation
Computer fileMobile appPositional notationWeb 2.0Electronic mailing list
Hash functionContent (media)Patch (Unix)Demo (music)Cloud computingError messageNetwork topologyBootingRule of inferenceProduct (business)Hash functionUsabilityFiber bundleCodeServer (computing)Web 2.0Fluid staticsRule of inferenceSource codeMeeting/Interview
BootingBoolean algebraSoftware testingComputer fileExecution unitView (database)Software developerElectronic mailing listPlug-in (computing)Demo (music)Hash functionProduct (business)Scripting languageServer (computing)Local ringTouchscreenLogic gateSource code
Traffic reportingMultiplication signSoftware repositoryPresentation of a groupTransponderComputer animationLecture/Conference
WritingGoodness of fitTransportation theory (mathematics)Scripting languageSoftware frameworkProjective planeHand fan
Formal languageProduct (business)Field (computer science)Multiplication signLecture/Conference
Multiplication signGoodness of fit
Source codeMereologyMultiplication signModule (mathematics)Meeting/InterviewXML
Moment <Mathematik>Software frameworkWeb 2.0Product (business)Loop (music)Lecture/Conference
Integrated development environmentProjective planeProduct (business)DebuggerRoutingDrop (liquid)Multiplication sign
Computer animation
Transcript: English(auto-generated)